void _pickYear(BuildContext context) {
showDialog(
context: context,
builder: (context) {
final Size size = MediaQuery.of(context).size;
return AlertDialog(
title: const Text('Select a Year'),
// Changing default contentPadding to make the content looks better
contentPadding: const EdgeInsets.all(10),
content: SizedBox(
// Giving some size to the dialog so the gridview know its bounds
height: size.height / 3,
width: size.width,
// Creating a grid view with 3 elements per line.
child: GridView.count(
crossAxisCount: 3,
children: [
// Generating a list of 123 years starting from present year
// Change it depending on your needs.
...List.generate(
123,
(index) => InkWell(
onTap: () {
// The action you want to happen when you select the year below,
debugPrint("Year Picked: ${(Date.now().year - index)}");
// Quitting the dialog through navigator.
Navigator.pop(context);
},
// This part is up to you, it's only ui elements
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Chip(
label: Container(
padding: const EdgeInsets.all(5),
child: Text(
// Showing the year text, it starts from present year
(DateTime.now().year - index).toString(),
),
),
),
),
),
),
],
),
),
);
},
);
}
