滑块,允许用户通过滑动滑块来从一系列值中选择。
import 'package:flutter/material.dart'; class SliderDemo extendsStatefulWidget { @override _SliderDemoState createState() =>_SliderDemoState(); } class _SliderDemoState extends State<SliderDemo>{ double _sliderItemA = 0.0; @override Widget build(BuildContext context) { returnScaffold( appBar: AppBar( title: Text('SliderDemo'), elevation: 0.0, ), body: Container( padding: EdgeInsets.all(16.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Slider( value: _sliderItemA, onChanged: (value) { setState(() { _sliderItemA =value; }); }, activeColor: Theme.of(context).accentColor, inactiveColor: Theme.of(context).accentColor.withOpacity(0.3), min: 0.0, max: 10.0, divisions: 10, label: '${_sliderItemA.toInt()}', ), ], ), SizedBox(height: 16.0,), Text('SliderValue: $_sliderItemA'), ], ), ) ); } }
效果: