Implementing custom text on switch

Author: LucasED78

example/lib/main.dart

@@ -26,6 +26,7 @@ class _MyHomePageState extends State<MyHomePage> {
   bool status3 = false;
   bool status4 = false;
   bool status5 = false;
+  bool status6 = false;
 
   @override
   Widget build(BuildContext context) {
@@ -164,6 +165,43 @@ class _MyHomePageState extends State<MyHomePage> {
                 ),
               ],
             ),
+            SizedBox(height: 20.0),
+            Text("Custom text"),
+            SizedBox(height: 10.0),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                FlutterSwitch(
+                  activeText: Text(
+                    "custom",
+                    style: TextStyle(
+                      color: Colors.white
+                    ),
+                  ),
+                  offText: Text(
+                    "Custom2",
+                    style: TextStyle(
+                      color: Colors.black87
+                    ),
+                  ),
+                  value: status6,
+                  width: 110,
+                  borderRadius: 30.0,
+                  showOnOff: true,
+                  onToggle: (val) {
+                    setState(() {
+                      status6 = val;
+                    });
+                  },
+                ),
+                Container(
+                  alignment: Alignment.centerRight,
+                  child: Text(
+                    "Value: $status6",
+                  ),
+                ),
+              ],
+            )
           ],
         ),
       ),

lib/flutter_switch.dart

@@ -11,6 +11,8 @@ class FlutterSwitch extends StatefulWidget {
       inactiveTextColor,
       toggleColor;
   final double width, height, toggleSize, valueFontSize, borderRadius, padding;
+  final Widget activeText;
+  final Widget offText;
 
   const FlutterSwitch({
     Key key,
@@ -28,6 +30,8 @@ class FlutterSwitch extends StatefulWidget {
     this.borderRadius = 20.0,
     this.padding = 4.0,
     this.showOnOff = false,
+    this.activeText,
+    this.offText
   }) : super(key: key);
 
   @override
@@ -87,14 +91,7 @@ class _FlutterSwitchState extends State<FlutterSwitch>
                     ? Expanded(
                         child: Container(
                           padding: EdgeInsets.symmetric(horizontal: 4.0),
-                          child: Text(
-                            widget.showOnOff ? "On" : "",
-                            style: TextStyle(
-                              color: widget.activeTextColor,
-                              fontWeight: FontWeight.w900,
-                              fontSize: widget.valueFontSize,
-                            ),
-                          ),
+                          child: _activeText,
                         ),
                       )
                     : Container(),
@@ -114,14 +111,7 @@ class _FlutterSwitchState extends State<FlutterSwitch>
                         child: Container(
                           padding: EdgeInsets.symmetric(horizontal: 4.0),
                           alignment: Alignment.centerRight,
-                          child: Text(
-                            widget.showOnOff ? "Off" : "",
-                            style: TextStyle(
-                              color: widget.inactiveTextColor,
-                              fontWeight: FontWeight.w900,
-                              fontSize: widget.valueFontSize,
-                            ),
-                          ),
+                          child: _offText,
                         ),
                       )
                     : Container(),
@@ -132,4 +122,38 @@ class _FlutterSwitchState extends State<FlutterSwitch>
       },
     );
   }
+
+  Widget get _activeText {
+    if (widget.showOnOff) {
+      if (widget?.activeText != null) return widget.activeText;
+
+      return Text(
+          "On",
+          style: TextStyle(
+          color: widget.activeTextColor,
+          fontWeight: FontWeight.w900,
+          fontSize: widget.valueFontSize,
+        ),
+      );
+    }
+
+    return Text("");
+  }
+
+  Widget get _offText {
+    if (widget.showOnOff) {
+      if (widget?.offText != null) return widget.offText;
+
+      return Text(
+        "Off",
+        style: TextStyle(
+          color: widget.inactiveTextColor,
+          fontWeight: FontWeight.w900,
+          fontSize: widget.valueFontSize,
+        ),
+      );
+    }
+
+    return Text("");
+  }
 }