ListTileStyle

Defines the title font used for ListTile descendants of a ListTileTheme.

List tiles that appear in a Drawer use the theme's TextTheme.body_large text style, which is a little smaller than the theme's TextTheme.title_medium text style, which is used by default.

Inherits: Enum

Properties

• DRAWER –
• LIST –

Examples

Showcase

import flet as ft


def showcase_card(style: ft.ListTileStyle) -> ft.Container:
    return ft.Container(
        width=360,
        padding=12,
        border=ft.Border.all(1, ft.Colors.RED),
        border_radius=10,
        bgcolor=ft.Colors.SURFACE_CONTAINER_LOW,
        content=ft.Column(
            spacing=8,
            controls=[
                ft.Text(style.name, weight=ft.FontWeight.BOLD),
                ft.Container(
                    border=ft.Border.all(1, ft.Colors.OUTLINE),
                    border_radius=8,
                    bgcolor=ft.Colors.SURFACE,
                    content=ft.ListTile(
                        style=style,
                        leading=ft.Icon(ft.Icons.PERSON),
                        title=ft.Text("Jane Doe"),
                        subtitle=ft.Text("Product Manager"),
                        trailing=ft.Icon(ft.Icons.CHEVRON_RIGHT),
                    ),
                ),
            ],
        ),
    )


def main(page: ft.Page):
    page.theme_mode = ft.ThemeMode.DARK
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    page.appbar = ft.AppBar(title="ListTileStyle Showcase")
    page.add(
        ft.Text("Compare list tile typography presets."),
        ft.Row(
            wrap=True,
            spacing=12,
            expand=True,
            scroll=ft.ScrollMode.AUTO,
            alignment=ft.MainAxisAlignment.CENTER,
            controls=[showcase_card(style) for style in ft.ListTileStyle],
        ),
    )


ft.run(main)

Properties

DRAWER = 'drawer' class-attribute instance-attribute

LIST = 'list' class-attribute instance-attribute