2017-08-26 133 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