跳到主要内容

CupertinoNavigationBar

iOS 风格的底部导航栏。

导航栏提供了一种持久且方便的方式来在应用程序中切换主要目的地。

示例​

实时示例

简单的 CupertinoNavigationBar​

import flet as ft

def main(page: ft.Page):
    page.title = "CupertinoNavigationBar 示例"
    page.navigation_bar = ft.CupertinoNavigationBar(
        bgcolor=ft.colors.AMBER_100,
        inactive_color=ft.colors.GREY,
        active_color=ft.colors.BLACK,
        on_change=lambda e: print("Selected tab:", e.control.selected_index),
        destinations=[
            ft.NavigationBarDestination(icon=ft.icons.EXPLORE, label="Explore"),
            ft.NavigationBarDestination(icon=ft.icons.COMMUTE, label="Commute"),
            ft.NavigationBarDestination(
                icon=ft.icons.BOOKMARK_BORDER,
                selected_icon=ft.icons.BOOKMARK,
                label="Explore",
            ),
        ]
    )
    page.add(ft.SafeArea(ft.Text("Body!")))


ft.app(target=main)

属性​

active_color​

选定目标的图标和标题的前景 颜色。

bgcolor​

Navigation Bar 本身的 颜色。

border​

定义导航栏的边框。值是一个 Border 类的实例。

destinations​

定义导航栏中按钮项的外观。

值必须是一个包含两个或更多个 NavigationBarDestination 实例的列表。

icon_size​

所有目标图标的大小。默认为 30。

inactive_color​

未选定目标的图标和标题的前景 颜色。

selected_index​

当前选定的 NavigationBarDestination 的索引，或者如果没有目标被选定则为 None。

事件​

on_change​

当选定的目标改变时触发。