Merge pull request #20 from boringdeveloper/0.2.x

Handle switch display in AppBar

Author: boringdeveloper

CHANGELOG.md

@@ -37,3 +37,7 @@
 * Update Readme
 * Added toggle icon property
 * Added sample usage of custom border and icons in /example
+
+## [0.2.1] - February 16, 2021
+
+* Handling the display of the switch in the AppBar

example/lib/main.dart

@@ -28,6 +28,7 @@ class _MyHomePageState extends State<MyHomePage> {
   bool status5 = false;
   bool status6 = false;
   bool status7 = false;
+  bool isSwitchOn = false;
 
   Color _textColor = Colors.black;
   Color _appBarColor = Color.fromRGBO(36, 41, 46, 1);
@@ -50,6 +51,16 @@ class _MyHomePageState extends State<MyHomePage> {
             "FlutterSwitch Demo",
             style: TextStyle(color: Colors.white),
           ),
+          actions: [
+            FlutterSwitch(
+              value: isSwitchOn,
+              onToggle: (value) {
+                setState(() {
+                  isSwitchOn = value;
+                });
+              },
+            ),
+          ],
         ),
         body: SingleChildScrollView(
           child: Padding(

example/pubspec.lock

@@ -68,7 +68,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.2.0"
+    version: "0.2.1"
   flutter_test:
     dependency: "direct dev"
     description: flutter

lib/flutter_switch.dart

@@ -310,58 +310,60 @@ class _FlutterSwitchState extends State<FlutterSwitch>
     return AnimatedBuilder(
       animation: _animationController,
       builder: (context, child) {
-        return GestureDetector(
-          onTap: () {
-            if (widget.value)
-              _animationController.forward();
-            else
-              _animationController.reverse();
-
-            widget.onToggle(!widget.value);
-          },
-          child: Container(
-            width: widget.width,
-            height: widget.height,
-            padding: EdgeInsets.all(widget.padding),
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(widget.borderRadius),
-              color: _switchColor,
-              border: _switchBorder,
-            ),
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: <Widget>[
-                _toggleAnimation.value == Alignment.centerRight
-                    ? Expanded(
-                        child: Container(
-                          padding: EdgeInsets.symmetric(horizontal: 4.0),
-                          child: _activeText,
-                        ),
-                      )
-                    : Container(),
-                Align(
-                  alignment: _toggleAnimation.value,
-                  child: Container(
-                    width: widget.toggleSize,
-                    height: widget.toggleSize,
-                    decoration: BoxDecoration(
-                      shape: BoxShape.circle,
-                      color: _toggleColor ?? Colors.white,
-                      border: _toggleBorder,
+        return Align(
+          child: GestureDetector(
+            onTap: () {
+              if (widget.value)
+                _animationController.forward();
+              else
+                _animationController.reverse();
+
+              widget.onToggle(!widget.value);
+            },
+            child: Container(
+              width: widget.width,
+              height: widget.height,
+              padding: EdgeInsets.all(widget.padding),
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(widget.borderRadius),
+                color: _switchColor,
+                border: _switchBorder,
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: <Widget>[
+                  _toggleAnimation.value == Alignment.centerRight
+                      ? Expanded(
+                          child: Container(
+                            padding: EdgeInsets.symmetric(horizontal: 4.0),
+                            child: _activeText,
+                          ),
+                        )
+                      : Container(),
+                  Align(
+                    alignment: _toggleAnimation.value,
+                    child: Container(
+                      width: widget.toggleSize,
+                      height: widget.toggleSize,
+                      decoration: BoxDecoration(
+                        shape: BoxShape.circle,
+                        color: _toggleColor ?? Colors.white,
+                        border: _toggleBorder,
+                      ),
+                      child: _icon,
                     ),
-                    child: _icon,
                   ),
-                ),
-                _toggleAnimation.value == Alignment.centerLeft
-                    ? Expanded(
-                        child: Container(
-                          padding: EdgeInsets.symmetric(horizontal: 4.0),
-                          alignment: Alignment.centerRight,
-                          child: _inactiveText,
-                        ),
-                      )
-                    : Container(),
-              ],
+                  _toggleAnimation.value == Alignment.centerLeft
+                      ? Expanded(
+                          child: Container(
+                            padding: EdgeInsets.symmetric(horizontal: 4.0),
+                            alignment: Alignment.centerRight,
+                            child: _inactiveText,
+                          ),
+                        )
+                      : Container(),
+                ],
+              ),
             ),
           ),
         );

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_switch
 description: A custom switch widget that can have a custom height and width, borders, border radius, colors, toggle size, custom text and icons inside the toggle.
-version: 0.2.0
+version: 0.2.1
 homepage: https://github.com/boringdeveloper/FlutterSwitch
 
 environment: