react-native - 是否可以在 react-native 中镜像文本?
问题描述
我正在为我的 RN 应用程序添加从右到左 (RTL) 的支持。在这个应用程序中,我包含了一个包含矢量图标图像的字体字体文件。每个图标对应一个字符代码。
我使用 RN 文本组件渲染我的图标,如下所示:
return <Text>{"\uE3B2"}</Text>
其中一些图标具有方向意义,因此在使用 RTL 语言时应水平镜像。
RN文档建议使用 scaleX 变换来翻转图像。这适用于图像,但不适用于包含上述图标的文本组件。我知道我可以简单地将图标交换为具有相反方向的图标,但我正试图找到比这更好的解决方案。
有谁知道是否有办法在运行时水平镜像文本组件来实现这种效果?
解决方案
是的 !文本 /View 组件是可能的,哦,不推荐使用 scaleX
<Text style={{transform: [{rotateY: '180deg'}]}}>This should be flipped</Text>
推荐阅读
- r - 对鼠标中的 mids 对象使用 name_repair
- php - 我的引导联系表面临问题
- javascript - ajax javascript ASP 日期验证器在 2020 年日期无法正常工作
- android-studio - Debian 10 Android Studio 和 Sdk 安装问题
- vb.net - 如何在 iText7 .NET 中删除表格边框?
- docker - 如何通过 rabbitmq 通信两个自己的 Docker 容器
- php - 检索图像(资源 id #245)而不是 base64
- ssl - 在 GCP 中使用 SSL 证书通过同一 IP(负载均衡器)发送 VM 出站流量
- python - 需要时间 (X) 值是静态的以匹配 CPU 值 (Y)
- c# - 如何将数据从一个页面传递到下一个页面?