Handle switch display in appbar

Author: nickr-dev

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(

lib/flutter_switch.dart

@@ -319,49 +319,51 @@ class _FlutterSwitchState extends State<FlutterSwitch>
 
             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: Align(
+            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(),
+                ],
+              ),
             ),
           ),
         );