Flutter switch widget
Introduction
In this tutorial, I show you how to use Switch Widget in flutter using Stream Builder.
Switch Widget
If you are a programmer, and so I think you well know about switch if you don’t know then don’t worry I will tell you.
The switch is a widget in flutter who returns a value in Boolean form means true or false.
You don’t have a need to include any third-party library for use a Switch Widget it is already provided by flutter.
Start
First, we have created a file and initialize Stream Controller
import 'package:rxdart/rxdart.dart';
class Bloc{
//initialize bool type controller
final _switchController = BehaviorSubject<bool>();
/// Add data to the stream
Function(bool) get setSwitch => _switchController.sink.add;
/// Validate and retrieve data from the stream
Stream<bool> get getSwitch => _switchController.stream;
}Then import Bloc.dart file in your class where you want to add Switch Widget
import 'package:bloc_flutter_switch/Bloc.dart';
Create an object of Bloc.dart file
Bloc bloc=Bloc();Add below code where you want to add a switch
StreamBuilder(
stream: bloc.getSwitch,
builder: (context,snapshot){
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text("${snapshot.data??false}"),
Switch(
value: snapshot.data??false,
activeColor: Colors.green,
onChanged: (b) {
bloc.setSwitch(b);
},
)
],
);
})Output
Get complete code click here
You may also like
6 Things About HTTP Request in Dart For Beginners
7 September, 2020
What is Flutter and why you should learn it?
25 August, 2020
Google’s Flutter 1.20 stable announced with new features
7 August, 2020