用户登录

要使用 Material 风格的页面结构,可以用一个 Scaffold 小部件,有了它以后,我们就可以设置页面头部的工具栏,页面主体,页面底部的导航栏,侧边栏抽屉,底部侧板,浮动按钮等等。

在这个 MaterialApp 里面,用一个 Scaffold 小部件,先让它作为 home 参数的值。然后我们先设置一下页面的主体,在 Scaffold 里面添加一个 body 参数,值可以先用一个 Center 小部件,再把它的 child 设置成一个 Text 小部件,要显示的文字是 NINGHAO.CO。

在模拟器观察应用界面,你会发现这次页面有了白色的背景,页面上显示的文字也有了默认的样式。想要设置页面背景颜色,可以在 Scaffold 里面添加一个 backgroundColor 参数,对应的值就是要给页面设置的背景颜色。

构建 Material 风格的页面(Scaffold)《 Flutter 2:页面结构 》

统计

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

社会化网络

关于

微信订阅号

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