布局 API

import appui

cards = [
    {"id": "a", "title": "Alpha"},
    {"id": "b", "title": "Beta"},
    {"id": "c", "title": "Gamma"},
]


def card_key(item):
    return item["id"]


def card_view(item):
    return (
        appui.Text(item["title"])
        .frame(max_width=appui.infinity, min_height=72)
        .background("secondarySystemBackground", corner_radius=8)
    )


def body():
    grid = appui.LazyVGrid(
        columns=[appui.adaptive(minimum=120)],
        spacing=12,
        content=[appui.ForEach(cards, row_builder=card_view, key=card_key)],
    )

    return appui.NavigationStack(
        appui.Form([
            appui.Section("Form", [
                appui.LabeledContent("Container", value="Form"),
            ]),
            appui.Section("Grid", [
                grid,
            ]),
        ]).navigation_title("Layout")
    )


appui.run(body)