2017-08-26 135 views
0

问题:物品从右向左而不是从左向右(当使用USB电缆调试)物品对齐从右向左而不是从左向右

在仿真器中对齐(3个DIFF设备检查[Android的])正常(从左到右),但是当我的手机与USB连接到计算机并进行调试时,我看到从右向左排列的元素。当做flexDirection时:'row',当然。

任何人都知道为什么会发生?

例子:

<View style={{ flexDirection: 'row',flex: 1 }}> 
    <Text style={{ flex: 1 }}> one </Text> 
    <Text style={{ flex: 1 }}> two </Text> 
    <Text style={{ flex: 1 }}> three </Text> 
</View> 

在仿真器 - >

一二三

在我的手机 - >

三两一个

这也发生,如果我删除flex:1.

任何解决方案?

回答

2

这可能是由于Android设备中的主要语言是“RTL语言”,如阿拉伯语,波斯语或希伯来语。 自Android 4以来,设备会自动反转页面布局以支持RTL语言,并且react-native支持此功能。 但是,如果要禁用它,你可以去“./android/app/src/main”,找到AndroidManifest.xml中,并在

<Application .... /> 

部分添加以下行:

android:supportsRtl="true" 

,这样最后的结果就会像下面的东西:

<application 

    . 
    . 
    . 
    android:supportsRtl="false" 

    . 
    . 
    . 
/> 

之后(因为你已经改变了一个Android相关的文件),你需要写在T以下行来重建项目他的命令行(在项目文件夹中):

react-native run-android