added ability to change toggle color

Author: nickr-dev

CHANGELOG.md

@@ -1,3 +1,3 @@
-## [0.0.1] - TODO: Add release date.
+## [0.1.0] - May 10, 2020
 
 * TODO: Describe initial release.

example/lib/main.dart

@@ -68,6 +68,7 @@ class _MyHomePageState extends State<MyHomePage> {
                 FlutterSwitch(
                   activeColor: Colors.red,
                   inactiveColor: Colors.red[200],
+                  toggleColor: Colors.blueGrey[700],
                   value: status2,
                   onToggle: (val) {
                     setState(() {

example/pubspec.lock

@@ -75,7 +75,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.0.3"
+    version: "0.1.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter

lib/flutter_switch.dart

@@ -3,14 +3,14 @@ library flutter_switch;
 import 'package:flutter/material.dart';
 
 class FlutterSwitch extends StatefulWidget {
-  final bool value;
+  final bool value, showOnOff;
   final ValueChanged<bool> onToggle;
-  final Color activeColor;
-  final Color inactiveColor;
-  final Color activeTextColor;
-  final Color inactiveTextColor;
+  final Color activeColor,
+      inactiveColor,
+      activeTextColor,
+      inactiveTextColor,
+      toggleColor;
   final double width, height, toggleSize, valueFontSize, borderRadius, padding;
-  final bool showOnOff;
 
   const FlutterSwitch({
     Key key,
@@ -20,6 +20,7 @@ class FlutterSwitch extends StatefulWidget {
     this.inactiveColor = Colors.grey,
     this.activeTextColor = Colors.white70,
     this.inactiveTextColor = Colors.white70,
+    this.toggleColor = Colors.white,
     this.width = 70.0,
     this.height = 35.0,
     this.toggleSize = 25.0,
@@ -35,7 +36,7 @@ class FlutterSwitch extends StatefulWidget {
 
 class _FlutterSwitchState extends State<FlutterSwitch>
     with SingleTickerProviderStateMixin {
-  Animation _circleAnimation;
+  Animation _toggleAnimation;
   AnimationController _animationController;
 
   @override
@@ -45,7 +46,7 @@ class _FlutterSwitchState extends State<FlutterSwitch>
       vsync: this,
       duration: Duration(milliseconds: 60),
     );
-    _circleAnimation = AlignmentTween(
+    _toggleAnimation = AlignmentTween(
       begin: widget.value ? Alignment.centerRight : Alignment.centerLeft,
       end: widget.value ? Alignment.centerLeft : Alignment.centerRight,
     ).animate(
@@ -75,14 +76,14 @@ class _FlutterSwitchState extends State<FlutterSwitch>
             padding: EdgeInsets.all(widget.padding),
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(widget.borderRadius),
-              color: _circleAnimation.value == Alignment.centerLeft
+              color: _toggleAnimation.value == Alignment.centerLeft
                   ? widget.inactiveColor
                   : widget.activeColor,
             ),
             child: Row(
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: <Widget>[
-                _circleAnimation.value == Alignment.centerRight
+                _toggleAnimation.value == Alignment.centerRight
                     ? Expanded(
                         child: Container(
                           padding: EdgeInsets.symmetric(horizontal: 4.0),
@@ -98,17 +99,17 @@ class _FlutterSwitchState extends State<FlutterSwitch>
                       )
                     : Container(),
                 Align(
-                  alignment: _circleAnimation.value,
+                  alignment: _toggleAnimation.value,
                   child: Container(
                     width: widget.toggleSize,
                     height: widget.toggleSize,
                     decoration: BoxDecoration(
                       shape: BoxShape.circle,
-                      color: Colors.white,
+                      color: widget.toggleColor,
                     ),
                   ),
                 ),
-                _circleAnimation.value == Alignment.centerLeft
+                _toggleAnimation.value == Alignment.centerLeft
                     ? Expanded(
                         child: Container(
                           padding: EdgeInsets.symmetric(horizontal: 4.0),

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_switch
-description: A Custom Switch package created for Flutter.
-version: 0.0.3
+description: An easy to implement custom switch that can have a customized the height and width, border radius, colors, toggle size and choice to display an 'On' and 'Off' text.
+version: 0.1.0
 homepage: https://github.com/boringdeveloper/FlutterSwitch
 
 environment: