Flet教程之 17 Card卡片组件 基础入门（教程含源码）

Flet是什么

Flet 是一个框架，使您能够轻松地以您喜欢的语言构建实时 Web、移动和桌面应用程序，并与您的团队安全地共享它们。无需前端经验。

什么是GridView

带有略微圆角和高程阴影的面板。

实战代码

import flet
from flet import Image, Page, GridView, border_radius

def main(page: Page):
    page.title = "GridView Example"
    page.theme_mode = "dark"
    page.padding = 50
    page.update()

    images = GridView(
        expand=1,
        runs_count=5,
        max_extent=150,
        child_aspect_ratio=1.0,
        spacing=5,
        run_spacing=5,
    )

    page.add(images)

    for i in range(0, 60):
        images.controls.append(
            Image(
                src=f"https://picsum.photos/150/150?{i}",
                fit="none",
                repeat="noRepeat",
                border_radius=border_radius.all(10),
            )
        )
    page.update()

flet.app(target=main, view=flet.WEB_BROWSER)