flutter_advanced_switch 2.0.2+1

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 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

Demo