harmony学习LocalStorage在UIAbility组件和页面组件之间的应用

需求

当前app可以部署到很多个客户的环境中,每个客户服务器地址是不同的,app支持输入新的服务器地址,保存后应用新地址。

harmony开发新版本app

应用鸿蒙ArkTS开发一套app,学习 LocalStorage 页面级UI状态存储。

UIAbility 使用 LocalStorage 定义默认的服务器地址,并传递到所有页面,在设置页面支持输入新地址修改后更新 UIAbility 中的默认地址,这样所有界面达到使用新地址。

UIAbility页面定义默认server_ip

Index 页面接收LocalStorage默认值

//接收UIAbility定义的LocalStorage默认值let storage = LocalStorage.GetShared()@Entry(storage)@Componentstruct DzSetting {  //在页面或组件访问LocalStorage实例使用LocalStorageProp或  @LocalStorageProp(\\\'server_ip\\\') server:string=\\\'\\\'  build() {    Column() {      Row() {        Text(\\\'server\\\')          .textAlign(TextAlign.End)          .width(\\\'20%\\\')          .height(\\\'100%\\\')        //显示在UIAbility设置的默认值        TextInput({ placeholder: \\\'请输入服务器地址\\\',text:this.server })          .layoutWeight(1)          .height(\\\'100%\\\')          .onChange((text)=>{            //使用新输入的地址替换默认值            this.server=text          })      }.width(\\\'100%\\\')      .height(80)      .padding({bottom:12})      .margin(10)    }.width(\\\'100%\\\')    .height(\\\'100%\\\')  }}

原创文章,作者:网络技术联盟站,如若转载,请注明出处:https://www.sudun.com/ask/49726.html

(0)
网络技术联盟站的头像网络技术联盟站
上一篇 2024年5月10日
下一篇 2024年5月10日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注