Flutter & Dart Tips - Week In Review #15
Offline Programmer
Posted on September 18, 2021
Hello Reader,
Welcome to the 15th post in the "Week In Review" series, where I share the Flutter\Dart tips I tweeted last week.
1- RadioListTile widget is a radio button with a label.
...
RadioListTile<SingingCharacter>(
title: const Text('Thomas Jefferson'),
value: SingingCharacter.jefferson,
groupValue: _character,
onChanged: (SingingCharacter value) { setState(() { _character = value; }); },
),
...
Try it on DartPad here
2- RangeSlider widget is used to select a range from a range of values.
...
RangeSlider(
values: _currentRangeValues,
min: 0,
max: 100,
divisions: 5,
labels: RangeLabels(
_currentRangeValues.start.round().toString(),
_currentRangeValues.end.round().toString(),
),
onChanged: (RangeValues values) {
setState(() {
_currentRangeValues = values;
});
},
);
...
Try it on DartPad here
3- RefreshIndicator is a widget that supports Material's swipe-to-refresh.
...
RefreshIndicator(
onRefresh: () async {
return await Future.delayed(Duration(seconds: 3));
},
child: ListView(
padding: const EdgeInsets.all(8.0),
children: <Widget>[
Container(
height: 50,
color: Colors.amber[600],
child: const Center(child: Text('Entry A')),
),
Container(
height: 50,
color: Colors.amber[500],
child: const Center(child: Text('Entry B')),
),
Container(
height: 50,
color: Colors.amber[100],
child: const Center(child: Text('Entry C')),
),
],
),
),
...
Try it on DartPad here
4- Switch widget is used to toggle the on/off state of a single setting.
...
Switch(
value: isSwitched,
onChanged: (value) {
setState(() {
isSwitched = value;
print(isSwitched);
});
},
activeTrackColor: Colors.lightGreenAccent,
activeColor: Colors.green,
),
...
Try it on DartPad here
5- Tooltip widget helps explaining the function of a button or other user interface action.
...
Tooltip(
message: 'I am a Tooltip',
child: Text('Hover over the text to show a tooltip.'),
);
...
Try it on DartPad here
6- SelectableText Widget allows the user to Select/Copy the content on the UI.
...
const SelectableText(
'Hello! How are you?',
textAlign: TextAlign.center,
style: TextStyle(fontWeight: FontWeight.bold),
)
...
Try it on DartPad here
See you next week. 👋🏻
Follow me on Twitter for more tips about #coding, #learning, #technology...etc.
Check my Apps on Google Play & Apple Store
Cover image UX Indonesia on Unsplash
Posted on September 18, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
