2017-08-26 11 views
0

問題を左から右へ:(USBケーブルでデバッグする場合)の項目は、左の代わりに右へ、右から左に整列さアイテムが整列されている代わりに左に右に

エミュレータ(3つの差分デバイスがチェック[アンドロイド])通常の(左から右へ)しかし、私の携帯電話を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> 

- 私の携帯電話には>

- >

フレックスを取り外すとこれも起こります。

すべての解決策はありますか?

答えて

2

これはおそらく、Androidデバイスの主要言語がアラビア語、ペルシア語、ヘブライ語などの「RTL言語」であるためです。 Android 4以降、デバイスはRTL言語をサポートするようにページのレイアウトを自動的に元に戻し、反応ネイティブでこの機能をサポートしています。あなたはそれを無効にしたい場合は はしかし、あなたは「./android/app/src/main」に移動し、AndroidManifest.xmlをを見つけて、

<Application .... /> 

セクションに次の行を追加することができます。

android:supportsRtl="true" 

最終的な結果は以下のようになりますように。その後

<application 

    . 
    . 
    . 
    android:supportsRtl="false" 

    . 
    . 
    . 
/> 

(あなたはアンドロイド関連のファイルを変更したとして)あなたがトンで次の行を記述することで、プロジェクトを再構築する必要がありますコマンドライン(プロジェクトフォルダ内):

react-native run-android 
関連する問題