どのように反応して電話やタブレットのレスポンシブデザインを行うことができますか？

Question

説明：私はReact Nativeフレームワークを学習しています。私は自分の携帯電話にアプリケーションをインストールしました。それは正常に動作しています。私はデバイスの密度が変わったときに反応ネイティブがデザインをどのように管理するかを知りたい。

同様に、ネイティブAndroidでは、電話デバイスとタブレットデバイスに異なるリソースを提供します。また、タブレットと携帯電話のレイアウトファイルをポートレートとランドスケープ用に管理します。アプリケーションが電話機やタブレットのいずれであれ、デバイスで実行されると、タブレットや電話機に応じて最適なリソースが自動的に取得されます。

私が反応ネイティブで開発を開始したとき、私はちょっと立ち往生しました。

どのように反応してネイティブテキストサイズを扱うのですか？

携帯電話やタブレットでデザイン画面を管理する方法は？

異なる密度のデバイスでイメージリソースをどのように管理できますか？

私たちはネイティブのAndroidのようにすべてを管理することができます任意の戦略がありますか？

お願いします。

Answer 1

これにはフレックスボックスを使用できます。

などです。

フレックス：1は全幅 フレックスです：0.5ので、あなたがこのような何かを行うことができます半分

です。

ネイティブに反応してすべての寸法は無単位であり、画像については密度非依存のピクセルに

を表します 詳細3X imagenameの@ 2xのimagenameの@を行うことができ、ここでhttps://facebook.github.io/react-native/docs/images.html

<View style={{ flex: 1 }}> 
 
    <View style={{ flex: 0.5 }} /> 
 
    <View style={{ flex: 0.5 }} /> 
 
</View>

です

これは2列の行を作成します。これは応答するでしょう。