首页 > 解决方案 > 是否可以在 react-native 中镜像文本?

问题描述

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

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

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

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

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

有谁知道是否有办法在运行时水平镜像文本组件来实现这种效果?

标签: react-nativeinternationalization

解决方案


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

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

推荐阅读