问题
接上回实现了自定义的tabs页面后,每个tab页签有不同的展示内容。
在“我的”页签中显示我和联系人的消息列表。从“我的”页签中的消息列表点击任意一条消息,进入聊天界面。从聊天界面返回时,tabs的激活页签保持在“我的”
在“设置”页签显示一些应用的设置选项。从“设置”页签中点击一个设置项,进入设置子项的页面,当返回时,tabs的激活页签保持在“设置”
?
分析
从子页面返回时,需要通知tabs这个父页面,当前激活的页签id。由于涉及了不同的页面跳转,因此需要有一个变量来控制。我们可以使用两种方法来实现这个功能
方法1:使用应用级变量AppStorage
应用级变量可以在这个应用的所有页面中使用,包含StorageLink和StorageProp两个装饰器。
StorageLink是双向绑定,声明的变量初始化的值可以在UI组件中使用;UI组件也可以改变AppStorage中变量的值
StorageProp是单向绑定,声明的变量初始化的值可以在UI组件中使用;UI组件无法改变AppStorage中变量的值
由于不同的子页面返回时激活的页签不一样,因此在子页面中需要改变激活页签的变量值,因此我们使用StorageLink
FA模型下,在app.ets中定义整个应用共享的变量
//app.ets
onCreate() {
//...
AppStorage.SetOrCreate<number>('currentIndex',0)
}
?在tabs页签的页面把State装饰器修改为StorageLink,注意括号中引用的key和app.ets中定义