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

时间:2019-09-28 07:41:12

标签: react-native

我有一个平面视图,将视图呈现为波纹状

  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,

},

样式是

SIGINT

这是rtl和ltr都想要的,但是由于文档说

  

左/右没有“真”

     

如前所述,我们从JS端将左/右样式映射到   开始/结束,RTL布局的代码中所有剩余的内容在屏幕上都变为“正确”,   代码中的右边变成屏幕上的“左边”。这很方便,因为   您不需要太多更改产品代码,但这意味着   没有办法在代码中指定“真左”或“真右”。在   未来,允许组件控制其方向   语言可能是必需的。

由于rtl和ltr中的数据是多语言的,因此在rtl和ltr期间仍然可以保持相同的视图

1 个答案:

答案 0 :(得分:-1)

像这样导入:

import { I18nManager } from 'react-native'

强制使用 RTL:

I18nManager.forceRTL(true);

并使用 textAlign : "right" for RTL OR textAlign : "left" for LTR on your textInput。

如果您不想要 RTL,请使用:

I18nManager.allowRTL(false);

这里是 RN Official Blog Link,您将在其中获得详细的用例。