Question

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

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

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

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

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

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

Answer 1

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

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

Answer 2

是的，您可以应用它来镜像文本组件：

transform: [{ scaleX: -1 }]