fl_three_state_switch

Description:

fl three state switch

fl_three_state_switch #






Use this package as a library #
Add
dependencies:
fl_three_state_switch: ^0.0.1
copied to clipboard
to your pubspec.yaml, and run
$ flutter pub get
copied to clipboard
in your project's root directory.
Import in your project:
import 'package:fl_three_state_switch/fl_three_state_switch.dart';
copied to clipboard
Sample Usage #
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
SwitchState _state = SwitchState.start;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Flutter Three State Switch Demo"),
),
body: Center(
child:FlThreeStateSwtich(
onChanged: (state) {
setState(() {
_state = state;
});
},
state: _state,
),
),
);
}
}
copied to clipboard
Constructor #



Parameter
Default
Description




disable
false
Disable the Switch


width
70.0
Width of Switch Container


height
30.0
Height of Switch Container


dotVerticalPadding
2
Vertical Padding of Dot


dotHorizontalPadding
1
Horizontal Padding of Dot


borderRadius
BorderRadius.circular(200)
Border Radius of Switch Container


startBackgroundColor
SwitchColors.backgroundColor //Color(0xFFd1d1d1)
Switch Container Color in start State


middleBackgroundColor
SwitchColors.backgroundColor //Color(0xFFd1d1d1)
Switch Container Color in middle State


endBackgroundColor
SwitchColors.backgroundColor //Color(0xFFd1d1d1)
Switch Container Color in end State


dotColor
SwitchColors.dotColor //Color(0xFFFFFFFF)
Dot Color


disableBackgroundColor
SwitchColors.disableBackgroundColor //Color(0xFFbfbfbf)
Switch Container Color in disable mode


disableDotColor
SwitchColors.disableDotColor //Color(0xFFe3e3e3)
Dot Color in disable mode


child
null
You can change Dot with any widget you want but be careful you must handle disable mode of your widget by yourself


state
SwitchState.start
enum type SwitchState -> SwitchState{start,middle,end}


dotShadow
[const BoxShadow(color: Colors.black,blurRadius: 10,spreadRadius: -5,)]
Dot shadow