ArkUI 如何将$r(’app.string.xxx‘) 转成string字符串

一、正常引用字符串资源文件内容

ArkUI 中,string.json 中的字符串资源正常情况下使用如下方式引用:

ts 复制代码
@Entry
@Component
struct LoginPage {
	
  build() {
    Column() {
	  Text($r('app.string.title'))
	}
  }
  
}

二、资源转string类型

上面的代码没问题是因为 Text(content?: string | Resource) 内的参数是可以接收 string 或者 Resource 类型的

但是在某些组件的入参并不支持 Resource 类型,比如 RichText(content: string),它只接收一个不可为空的字符串类型,这个时候想使用 string.json 内的资源,就需要用到 resourceManager 了。

ts 复制代码
@Entry
@Component
struct LoginPage {
	
  build() {
    Column() {
	  Text($r('app.string.title'))
	  // toString() 可以省略	  
	  RichText(getContext(this).resourceManager.getStringSync($r('app.string.title')).toString())
	}
  }
  
}

三、更多 API

附上:resourceManager 官方的 API 文档

resourceManager 内相关 string 的重载函数还有很多,反正就是支持不同入参的同步、异步形式加载:

ts 复制代码
getString(resld: number, callback: AsyncCallback<string>): void
getString(resld: number): Promise<string>
getStringValue(resource: Resource, callback: _AsyncCalback<string>): void
getStringValue(resource: Resource): Promise<string>
getStringArray(resld: number, callback: AsyncCallback<Array<string>>): void
getStringArray(resld: number): Promise<Array<string>>
getStringArrayValue(resource: Resource, callback:_AsyncCallback<Array<string>>): void
getStringArrayValue(resource: Resource): Promise<Array<string>>
getStringByName(resName: string, callback: AsyncCallback<string>): void
getStringByName(resName: string): Promise<string>
getStringArrayByName(resName: string, callback:_AsyncCallback<Array<string>>): void
getStringArrayByName(resName: string): Promise<Array<string>>: void
getPluralStringByName(resName: string, num: number, callback: _AsyncCallback<string>): void
getPluralStringByName(resName: string, num: number): Promise<string>
getStringSync(resld: number): string
getStringSync(resource: Resource): string
getStringByNameSync(resName: string): string

图片的看起来应该更直观

四、注意

需要注意的是 getContext(this) 方法,除了在 Abliity 里可以自由调用,并不能在正常的容器组件内的代码块里调用,通常只能在上面这种函数入参或者 onClick 这种事件的箭头函数的代码块里才能调用,举个栗子:

ts 复制代码
// 错误方式,会静态检查报错
let ctx = getContext(this)

// 正确方式 1
Button(getContext(this).resourceManager.getStringSync(0x11).toString())

// 正确方式 2
Button('登录').onClick((e) => {
  let ctx = getContext(this)
})

// 其他场景暂时还没研究过

以上就是本文的全部内容,感兴趣可以关注专栏,会持续更新...

相关推荐
学海无涯乐作舟29 分钟前
鸿蒙开发踩坑记录 - 2024S2
harmonyos
我是小路路呀30 分钟前
vue开始时间小于结束时间,时间格式:年月日时分
前端·javascript·vue.js
虾球xz32 分钟前
游戏引擎学习第201天
前端·学习·游戏引擎
我自纵横202343 分钟前
JavaScript 中常见的鼠标事件及应用
前端·javascript·css·html·计算机外设·ecmascript
li_Michael_li43 分钟前
Vue 3 模板引用(Template Refs)详解与实战示例
前端·javascript·vue.js
excel1 小时前
webpack 核心编译器 十五 节
前端
excel1 小时前
webpack 核心编译器 十六 节
前端
雪落满地香3 小时前
css:圆角边框渐变色
前端·css
风无雨5 小时前
react antd 项目报错Warning: Each child in a list should have a unique “key“prop
前端·react.js·前端框架
人无远虑必有近忧!5 小时前
video标签播放mp4格式视频只有声音没有图像的问题
前端·video