Repository navigation
Allow to change the alignment in RadioListTile and CheckboxListTile #168596
Description
Use case
Consider the code
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
const longTitle =
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
'Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
const longSubtitle =
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. '
'Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: ListView(
children: <Widget>[
ListTile(
title: const Text(longTitle),
subtitle: const Text(longSubtitle),
leading: const Icon(Icons.access_alarm),
trailing: const Icon(Icons.arrow_forward),
),
CheckboxListTile(
value: true,
onChanged: (value) {},
title: const Text(longTitle),
subtitle: const Text(longSubtitle),
secondary: const Icon(Icons.arrow_forward),
),
RadioListTile(
title: const Text(longTitle),
subtitle: const Text(longSubtitle),
secondary: const Icon(Icons.arrow_forward),
value: true,
groupValue: true,
onChanged: (value) {},
),
],
),
),
);
}
}
On macos, it renders into:
I'd like to be able to align the leading/trailing to the top of the ListTile instead of the middle of it
Proposal
Add a parameter to the ListTile, CheckboxListTile and RadioListTile to align the leading/trailing differently
Activity
darshankawar commentedon May 12, 2025
@ValentinVignal
Can you check if this helps in achieving your use case already ?
ValentinVignal commentedon May 12, 2025
Thank you that helped for
ListTile, however, it looks like the parameter is not there for theRadioListTileandCheckboxListTile[-]Allow to change the alignment in ListTile[/-][+]Allow to change the alignment in `RadioListTile` and `CheckboxListTile`[/+]Add `titleAlignment` to `CheckboxListTile` and `RadioListTile` (#168666)
github-actions commentedon May 28, 2025
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.Add `titleAlignment` to `CheckboxListTile` and `RadioListTile` (#168666)
Add `titleAlignment` to `CheckboxListTile` and `RadioListTile` (#168666)