switcher_xlive

Description:

switcher xlive

switcher_xliv
A Xlive Switcher plugin for Flutter
Getting Started
This plugin is based on Oleg Frolov's animation design and xlive_switch package that is not updated for years (non null safety)
Dribbble: https://dribbble.com/shots/5429846-Switcher-XLIV
xlive_switch: https://pub.dev/packages/xlive_switch
Thanks Oleg Forlov for this beautiful design, phucgaoxam for the base code and also istornz for his work on null safety update
Design:
Demo:

Usage
To use plugin, just import package import 'package:switcher_xlive/switcher_xlive.dart';
You can change the color of the switch follow by these attributes:
activeColor: background color when value is true
unActiveColor: background color when value is false
thumbColor: your thumb color
Example
import 'package:flutter/material.dart';
import 'package:switcher_xlive/switcher_xlive.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
@override
\_MyAppState createState() => \_MyAppState();
}

class \_MyAppState extends State<MyApp> {
bool \_value = true;

@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SwitcherXlive(
value: _value,
onChanged: _changeValue,
activeColor: Colors.red,
unActiveColor: Colors.green,
thumbColor: Colors.purple,
),
Text('Current value: $_value'),
],),
),
),
);
}

void \_changeValue(bool value) {
setState(() {
\_value = value;
});
}
}
copied to clipboard