flutter_advanced_switch 2.0.2+1
flutter_advanced_switch: ^2.0.2+1 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 switch widget, that can be fully customized with size, text, color, radius of corners.

Switch OFF StateSwitch ON State
Flutter Advanced Switch Off StateFlutter Advanced Switch On State
Flutter Advanced Switch Off StateFlutter 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 #

ParameterDescriptionTypeDefault
controllerDetermines if widget is enabled.AdvancedSwitchController
activeColorDetermines current state.ColorColors.green
inactiveColorDetermines background color for the active state.ColorColors.grey
activeChildDetermines background color for the inactive state.Widget
inactiveChildDetermines label for the active state.Widget
activeImageDetermines label for the inactive state.ImageProvider
inactiveImageDetermines background image for the active state.ImageProvider
borderRadiusDetermines background image for the inactive state.BorderRadiusRadius.circular(15)
widthDetermines border radius.Double50.0
heightDetermines width.Double30.0
enabledDetermines height.booltrue
disabledOpacityDetermines opacity of disabled control.double0.5

Demo #

Flutter Advanced Switch Preview

50
likes
130
pub points
84%
popularity

Publisher

alexmelnyk.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
API reference

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_advanced_switch