Drawer:抽屉(边栏)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Drawer,抽屉 .. 在应用里面,Drawer 就是一个默认隐藏的边栏 .. 可以使用扫动手势或者按钮控制它的显示状态 ..

在 Scaffold 里面, 可以添加一个 drawer 属性 .. 它的值就是要在抽屉里显示的小部件 .. 先用一个简单的 Text ... 设置一行文字 ..

要显示这个抽屉 .. 可以在屏幕左边边界这块使用扫动手势打开抽屉 .. 现在抽屉里只有一行文字 .. 如果想把这个抽屉放在右边儿 ..

这里可以使用一个 endDrawer ...

这样在屏幕右边边界可以扫动打开这个抽屉 ...

暂时先让这个抽屉在左边 ..

重新再设置一下这个抽屉小部件 .. 用一个 Container ... 里面用 color 设置一下容器的背景颜色 .. 设置成白色 ..

添加点 padding,内边距 ... 大小是 8.0 ... 它的 child ... 是个 Column 部件 .. 在这个部件里可以添加一组部件 .. 它们会堆叠到一块儿显示 ..

里面添加一个 mainAxisAlignment .. 设置一下主轴的对齐 .. 把它设置成 center ...

再添加一个 children 属性 ... 它里面是一组 Widget ... 先添加一个 Text .. 要显示的文字是 This is drawer ..

下面再到模拟器上试一下 ... 打开抽屉 ... 你看到的就是一个我们自己定制的抽屉 ...

Drawer:抽屉(边栏)《 Flutter 移动应用:界面结构 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点