How to create a Slider in Flutter?

This Article is posted by seven.srikanth at 23-05-2019 18:57:26

Click here to support us by Subscribing to our youtube channel.

Here is the example of how to create a Slider in flutter.
To run this example, copy paste this code insider your main.dart file and run.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Slider Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Slider Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
double _value = 0.5;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Slider(
value: _value,
onChanged: (double newValue) {
setState(() {
_value = newValue;
});
},
)
);
}
}
Here is the output of this code. You can change the slider using touch.
Thanks,
Srikanth

Tags: Slider;


Click here to support us by Subscribing to our youtube channel.




0 Comments
Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.




Wave animation in Flutter




Search Results





©2018 - Fluttercentral | Email to me - Seven.srikanth@gmail.com