flutter_advanced_switch

An advanced switch widget, that can be fully customized with size, text, color, radius of corners.

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