当前位置: 首页 > 文档资料 > Rax 中文文档 >

Weex 国际化

优质
小牛编辑
123浏览
2023-12-01

国际化是一个大话题,包含了多语言、排版、金额数据、日期格式等,本文将介绍 Weex 国际化排版相关的部分。

英文截断 (weex 0.16+)

英文长单词遇到句尾会被截断展示,使用 wordWrap:'break-word' 可以完美解决。

RTL 排版 (weex 0.17+)

RTL 是指 right-to-left 排版,阿拉伯语,希伯来语和一些其他的语言的行内方向是从右至左的。
在 Rax 项目中要实现 RTL 排版,并不需要对组件、代码进行大量改动,只需要添加右对齐,以及 direction : rtl 样式属性即可。

  • RTL 文字排版
const isRTL = currentLocale.indexOf('he') === 0 || currentLocale.indexOf('ar') === 0;
        <Text style={{textAlign:'right',direction:'rtl',}}> مرحبا كيف حالك؟</Text>
  • RTL 布局排版
    解决了文字排版的问题后,文字阅读顺序对了,但内容布局的顺序还是从左到右,因此也需要做相应翻转。这也比较简单,一行 flexDirection: 'row-reverse' 样式就能轻松解决。