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)
})

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

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

相关推荐
在云端易逍遥1 分钟前
前端必学的 CSS Grid 布局体系
前端·css
ccnocare2 分钟前
选择文件夹路径
前端
艾小码3 分钟前
还在被超长列表卡到崩溃?3招搞定虚拟滚动,性能直接起飞!
前端·javascript·react.js
闰五月4 分钟前
JavaScript作用域与作用域链详解
前端·面试
泉城老铁7 分钟前
idea 优化卡顿
前端·后端·敏捷开发
前端康师傅7 分钟前
JavaScript 作用域常见问题及解决方案
前端·javascript
司宸9 分钟前
Prompt结构化输出:从入门到精通的系统指南
前端
我是日安9 分钟前
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
前端·vue.js
Mintopia21 分钟前
🚀 Next.js 全栈 E2E 测试:Playwright vs Cypress
前端·javascript·next.js