Flutter Slider Widget Tutorial for Beginners: Knowledge Sharing in Flutter(#4)

Geno Tech
App Dev Community
Published in
3 min readFeb 1, 2021

--

Flutter was introduced by Google in 2018. It is the most rapidly growing mobile cross-platform development framework. Because of so many reasons, Mobile Developers are more engaging with it day by day. However, as a Flutter beginner, You need to learn mainly about widgets and how they are functioning. This is another small knowledge sharing story of mine about Flutter Slider material design widget.

Sliders are applying in many ways. Mainly we use discrete sliders to select a value precisesly. Think about a slider that select the volume level, User should slide and select the value between 0 to 10. But in this case, User can’t select a floating value. Think about we have to select a brightness level of your mobile device, It’s also another example of slider. It’s not a straight line always. You can design and implement it in your own way. But here I am describing the main functionalities.

Image: Example Slider of adjust the brightness

First create a new project using your favourite IDE. Typically we have a main.dart file initially. At the launch, The main method is calling to the StatelessWidget first. Then the container of the StatelessWidget has a body to contain a…

--

--

Geno Tech
App Dev Community

Software Development | Data Science | AI — We write rich & meaningful content on development, technology, digital transformation & life lessons.