GitLocker: The Coding Marketplace

Description:

load switch

Examples #
bool value = false;

Future<bool> _getFuture() async {
await Future.delayed(const Duration(seconds: 2));
return !value;
}
copied to clipboard
Default #

LoadSwitch(
value: value,
future: _getFuture,
style: SpinStyle.material
onChange: (v) {
value = v;
print('Value changed to $v');
setState(() {});
},
onTap: (v) {
print('Tapping while value is $v');
},
)
copied to clipboard
Custom #

LoadSwitch(
value: value,
future: _getFuture,
style: SpinStyle.material
curveIn: Curves.easeInBack,
curveOut: Curves.easeOutBack,
animationDuration: const Duration(milliseconds: 500),
switchDecoration: (value) => BoxDecoration(
color: value ? Colors.green[100] : Colors.red[100],
borderRadius: BorderRadius.circular(30),
shape: BoxShape.rectangle,
boxShadow: [
BoxShadow(
color: value
? Colors.green.withOpacity(0.2)
: Colors.red.withOpacity(0.2),
spreadRadius: 5,
blurRadius: 7,
offset: const Offset(0, 3), // changes position of shadow
),
],
),
spinColor: (value) => value
? const Color.fromARGB(255, 41, 232, 31)
: const Color.fromARGB(255, 255, 77, 77),
spinStrokeWidth: 3,
thumbDecoration: (value) => BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(30),
shape: BoxShape.rectangle,
boxShadow: [
BoxShadow(
color: value
? Colors.green.withOpacity(0.2)
: Colors.red.withOpacity(0.2),
spreadRadius: 5,
blurRadius: 7,
offset: const Offset(0, 3), // changes position of shadow
),
],
),
onChange: (v) {
value = v;
print('Value changed to $v');
setState(() {});
},
onTap: (v) {
print('Tapping while value is $v');
},
),
copied to clipboard
Spin styles #
The library extends flutter_spinkit internally adding some fancy spin animations. Keep in mind you can also edit the thumbDecoration & switchDecoration for different color & shapes. The examples have the default circular thumb with white color. The default style is SpinStyle.material.

material
cupertino
chasingDots

circle
cubeGrid
dancingSquare

doubleBounce
dualRing
fadingCircle

fadingCube
fadingFour
fadingGrid

foldingCube
hourGlass
pianoWave

pouringHourGlass
pulse
pulsingGrid

pumpingHeart
ring
ripple

rotatingCircle
rotatingPlain
spinningCircle

spinningLines
squareCircle
threeBounce

threeInOut
wanderingCubes
waveStart

waveCenter
waveEnd
waveSpinner

Issues / Features #
Found a bug or want a new feature? Open an issue in the Github repository of the project.