用户登录

打开 app.dart,在这个小部件里会判断这个 initializing ,如果它是 ture,这里就会返回一个 MaterialApp,显示初始化。这么做在直接打开内容页面的时候会出现问题,下面我们可以改进一下。

新建一个文件,放在 app/components 里面,名字是 app_initialize.dart ,文件里定义一个小部件,名字是 AppInitialize,小部件里可以用一个 Scaffold 小部件,body 是一个 Text 小部件,给它添加一个包装,用一个 Center 小部件。显示的文字设置成初始化。

app_model

打开 app_model ,在里面添加一个新的属性,类型是 bool ,名字是 initialize,默认值让它等于 true,在应用的页面列表里可以判断这个属性的值来决定是否要添加包含 AppInitialize 小部件的页面。

再定义一个方法,名字是 setInitialize,参数类型是 bool,名字是 data ,方法里设置 initialize 的值,让它等于 data。

app_navigator

打开 app_navigator,在这个 build 里面,声明一个 initialize ,值是 appModel 里的 initialize。再声明一个 hasAppInitializePage,值是 initialize。

然后新建一个页面,名字是 appInitializePage,页面的 name 是 AppInitialize,ValueKey 的参数值是 AppInitialize。页面的 child 是一个 AppInitialize 小部件。

然后在 pages 里面,判断 hasAppInitializePage,然后添加一个 appInitializePage。

你会发现,现在界面上会显示 AppInitialize 这个小部件,因为 appModel 里的 initialize 的值现在是 true。

添加应用初始化页面(AppInitialize)《 Flutter 移动端实例:修复改进 》

统计

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

社会化网络

关于

微信订阅号

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