Your First Flutter App: An App From Scratch

Feb 22 2022 · Dart 2.14.1, Flutter 2.5, Visual Studio Code 1.6

Part 3: Create UI with Flutter

21. Add a Slider

Episode complete

Play next episode

Next
About this episode

Leave a rating/review

See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 20. Layout Widgets Next episode: 22. Challenge: Layout Widgets

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

Now we need to a slider to our game.

import 'package:flutter/material.dart';
var _currentValue = 50.0;
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[

      ],
    );
const Text('1'),
Slider(
    value: _currentValue,
    onChanged: (newValue) {},
    min: 1.0,
    max: 100.0,
),
const Text('100')
setState(() {
    _currentValue = newValue;
    print(_currentValue);
});
import 'control.dart';
const Prompt(targetValue: 100),
const Control(),