react-native - 在对齐模式下 react native 和阿拉伯文本

标签 react-native arabic arabic-support text-justify

我正在尝试制作一个带有阿拉伯文本的屏幕。它基本上是一个大的,包含嵌套在其中的较小组件。 (容器就像页面,而较小的容器是需要自己处理 onPress 等的部分)。 我想让文本以合理的方式显示,行的开头/结尾统一。所以我去找父级并添加了这个样式: 文本容器:{ 方向:“rtl”, textAlign: "对齐", }, 它工作得很好,除了最后一行,它从左边开始而不是从右边开始。那么,有没有办法告诉 对齐并使最后一行从右边开始? 这是它的样子( https://pasteboard.co/JMDRj1e.png ) 如果你看最后一行,它是从左开始而不是从右开始,我认为这是 React Native 中的一个错误。

最佳答案

以下内容对我有用, 对于 iOS,我给出了文本样式 writingDirection: 'rtl' 并通过在 AppDelegate.m 中导入 #import ,在 didFinishLaunchingWithOptions: 中添加了这两行> ,

[[RCTI18nUtil sharedInstance] allowRTL:TRUE];
[[RCTI18nUtil sharedInstance] forceRTL:TRUE];

对于 Android,您可以引用此处,How to set direction property of a View to RTL in React Native 。此外,您还需要添加 transform: [{scaleX: -1}]flexDirection: row-reverse

关于react-native - 在对齐模式下 react native 和阿拉伯文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66027746/

相关文章:

javascript - 如何在 React Native 中查看 javascript 包代码?

react-native - 为不工作的动态元素 react native 两列布局

reactjs - 在 native react 中重置子不透明度

android - 打破阿拉伯语字体

ios - 带有太长阿拉伯文本的 CoreText

c# - 在 c# 中使用 iTextSharp 在 pdf 中使用阿拉伯语

javascript - React Native localeCompare 不适用于 Android

android - 如果设备语言是阿拉伯语,布局会发生变化

c# - winform 本地化为阿拉伯语并更改对齐方式

javascript - 使用 Javascript 替换文本字符串中的某些阿拉伯语单词