RadioListTile
sample.packages.flutter.lib.src.material.radio_list_tile.204.
This example shows how to enable deselecting a radio button by setting the [toggleable] attribute.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _title = 'Flutter Code Sample';
@override
Widget build(BuildContext context) {
return MaterialApp(
title: _title,
home: Scaffold(
appBar: AppBar(title: const Text(_title)),
body: const MyStatefulWidget(),
),
);
}
}
class MyStatefulWidget extends StatefulWidget {
const MyStatefulWidget({Key? key}) : super(key: key);
@override
State createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State {
int? groupValue;
static const List selections = [
'Hercules Mulligan',
'Eliza Hamilton',
'Philip Schuyler',
'Maria Reynolds',
'Samuel Seabury',
];
@override
Widget build(BuildContext context) {
return Scaffold(
body: ListView.builder(
itemBuilder: (BuildContext context, int index) {
return RadioListTile(
value: index,
groupValue: groupValue,
toggleable: true,
title: Text(selections[index]),
onChanged: (int? value) {
setState(() {
groupValue = value;
});
},
);
},
itemCount: selections.length,
),
);
}
}
SHARE: