react native 有没有办法在特定视图中禁用 rtl 或保持相同的外观

Question

我有一个平面列表呈现如下视图

    <TouchableOpacity style= {styles.AdRow}   onPress={() => this.Navigatioe(item.id)}>
          <View style = {styles.LeftItems}>
          <Image source={{uri:item.url}} style={styles.ImagePRosa} />
          </View>
          <View style = {styles.RightItems}>

          <Text style = {styles.TitleText}>{item.title}</Text>
          <Text style = {styles.TitlePrice}>{item.price}</Text>

<Image source={require('../Svg/Location.png')} style={styles.ImagePRosing} />


          <Text style = {styles.TitleCity}>{item.city}</Text>

          <Text style = {styles.TitleNeib}>{item.neib}</Text>


  </View>

</TouchableOpacity>

样式是

  LeftItems:{
  width:"40%",
  height:"100%",
},
RightItems:{
  width:"60%",
position:"relative",
  height:"100%",
},
TitleText:{
  position:"absolute",
  top:4,
  width:"100%",
  height:65,
  left:0,
  right:0,

},
TitlePrice:{
  position:"absolute",
  bottom:0,
  width:"40%",
  height:25,
  left:5,

},
TitleCity:{
  position:"absolute",
  bottom:23,
  width:130,
  height:18,
  right:40,
},
TitleNeib:{
  position:"absolute",
  bottom:2,
  width:130,
  height:18,
  right:40,

},

这对于 rtl 和 ltr 都是需要的，但是因为文档说

没有“真正的”左/右

如前所述，我们将 JS 端的左/右样式映射到 开始/结束，所有留在 RTL 布局的代码在屏幕上变成“右边”， 代码中的右侧在屏幕上变为“左侧”。这很方便，因为 您不需要过多更改产品代码，但这意味着 无法在代码中指定“真左”或“真右”。在 未来，允许组件控制其方向，无论 可能需要语言。

所以在 rtl 和 ltr 期间是否可以保持相同的视图，因为其中的数据是多语言的

Answer 1

像这样导入：

import { I18nManager } from 'react-native'

强制使用 RTL：

I18nManager.forceRTL(true);

并使用 textAlign : "right" 表示 RTL OR textAlign : "left" 表示你的 textInput 上的 LTR。

如果您不想要 RTL，请使用：

I18nManager.allowRTL(false);

这里是RN Official Blog Link，您将获得详细的用例。