flutter_advanced_switch 2.0.2 copy "flutter_advanced_switch: ^2.0.2" to clipboard
flutter_advanced_switch: ^2.0.2 copied to clipboard

outdated

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
Flutter Advanced Switch Off State Flutter Advanced Switch On State
Flutter Advanced Switch Off State Flutter Advanced 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

Demo #

Flutter Advanced Switch Preview

140
likes
0
pub points
97%
popularity

Publisher

verified publisheralexmelnyk.io

An advanced switch control provides a rich API for widget customization that opens a new look and feel in your app.

Repository (GitHub)
View/report issues

Documentation

Documentation

License

unknown (license)

Dependencies

flutter

More

Packages that depend on flutter_advanced_switch