An advanced swicth widget, that can be fully customized with size, text, color, radius of corners.
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:
...
flutter_advanced_switch: <latest_version>Import in your project:
import 'package:flutter_advanced_switch/flutter_advanced_switch.dart';Default switch
...
AdvancedSwitch(
value: _value, // Boolean
onChanged: (value) => setState(() { // Callback (or null to disable)
_value = value;
}),
)
...Customized switch
...
AdvancedSwitch(
value: _value, // Boolean
activeColor: Colors.green, // Color
inactiveColor: Colors.grey, // Color
activeLabel: 'ON', // String
inactiveLabel: 'OFF', // String
activeTextStyle: theme.textTheme.bodyText1, // TextStyle
inactiveTextStyle: theme.textTheme.bodyText1, // TextStyle
borderRadius: BorderRadius.all(const Radius.circular(14)), // BorderRadius
width: 56, // Double
height: 28, // Double
onChanged: (value) => setState(() { // Callback (or null to disable)
_value = value;
}),
),
...