flutter_advanced_switch 2.0.2 flutter_advanced_switch: ^2.0.2 copied to clipboard
An advanced switch control provides a rich API for widget customization that opens a new look and feel in your app.
flutter_advanced_switch #
An advanced swicth widget, that can be fully customized with size, text, color, radius of corners.
Switch OFF State | Switch ON State |
---|---|
Getting Started #
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';
Examples #
Regular Switch
final _controller = AdvancedSwitchController();
// ...
AdvancedSwitch(
controller: _controller,
)
// ...
Customized Switch
final _controller = AdvancedSwitchController();
// ...
AdvancedSwitch(
controller: _controller,
activeColor: Colors.green,
inactiveColor: Colors.grey,
activeChild: Text('ON'),
inactiveChild: Text('OFF'),
activeImage: AssetImage('assets/images/on.png'),
inactiveImage: AssetImage('assets/images/off.png'),
borderRadius: BorderRadius.all(const Radius.circular(15)),
width: 50.0,
height: 30.0,
enabled: true,
disabledOpacity: 0.5,
),
// ...
AdvancedSwitch Parameters #
Parameter | Description | Type | Default |
---|---|---|---|
controller |
Determines if widget is enabled. | AdvancedSwitchController | |
activeColor |
Determines current state. | Color | Colors.green |
inactiveColor |
Determines background color for the active state. | Color | Colors.grey |
activeChild |
Determines background color for the inactive state. | Widget | |
inactiveChild |
Determines label for the active state. | Widget | |
activeImage |
Determines label for the inactive state. | ImageProvider | |
inactiveImage |
Determines background image for the active state. | ImageProvider | |
borderRadius |
Determines background image for the inactive state. | BorderRadius | Radius.circular(15) |
width |
Determines border radius. | Double | 50.0 |
height |
Determines width. | Double | 30.0 |
enabled |
Determines height. | bool | true |
disabledOpacity |
Determines opacity of disabled control. | double | 0.5 |