Weex 国际化
优质
小牛编辑
135浏览
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'
样式就能轻松解决。