09. Drawer 侧边栏组件（抽屉）

2023-2-18 18:33

269

104 字

1 分钟内

darwer 左侧边栏

endDrawer 右侧边栏

 Scaffold(
    drawer：Drawer(
        child:Text("侧边栏")
    ),
    endDrawer:Drawer(
        child:Text("右侧边栏")
    )
)

常规 DrawerHeader 组件

属性	作用	类型
decoration	顶部颜色
child	子组件
padding	内边距
margin	外边距

 Scaffold(
    drawer:Drawer(
        child:Column(
            children:[
                DrawerHeader(
                    child:Text("头部内容")
                )
            ]
        )
    )
)

快捷组件 UserAccountsDrawerHeader

属性	作用	类型
decoration	顶部颜色
accountName	账户名称
accountEmail	账户邮箱
currentAccountPicture	用户头像
otherAccountsPictures	用户当前用户其他头像
margin

 Scaffold(
    drawer:Drawer(
        child:Column(
            children:[
                UserAccountsDrawerHeader(
                    accountName:Text('userName'),
                    accountEmail:Text("xxx@xxx.com")
                )
                
            ]
        )
    )
)