是否可以在本机中镜像文本?

时间:2019-01-23 23:02:16

标签: react-native internationalization

我正在为我的RN应用添加从右到左(RTL)支持。在此应用程序中,我包括一个包含矢量图标图像的字体字体文件。每个图标对应一个字符代码。

我使用RN文本组件渲染图标,如下所示:

 return <Text>{"\uE3B2"}</Text>

其中一些图标具有方向性含义,因此在使用RTL语言时应水平镜像。

RN docs建议使用scaleX变换来翻转图像。这适用于图像,但不适用于包含上述图标的文本组件。我知道我可以简单地将图标交换为方向相反的图标,但是我正在尝试找到一种更好的解决方案。

有人知道在运行时是否有一种可以水平镜像文本组件的方法吗?

2 个答案:

答案 0 :(得分:4)

是的!可能是文本/ View组件,哦,不推荐使用scaleX

<Text style={{transform: [{rotateY: '180deg'}]}}>This should be flipped</Text>

答案 1 :(得分:2)

是的,您可以应用它来镜像文本组件:

transform: [{ scaleX: -1 }]
相关问题