どのように反応ネイティブで複数デバイスサポートをサポートできますか？

Question

説明：

アンドロイド携帯電話（480x320、この種のデバイス）とiPhone 7 plus以下でうまく見えるアプリケーションを作成しました。アプリケーションをタブレットNexus 7（nougat）に実行するとそれは、私のビューのフォントサイズ、画像、さらには高さ（CSSで指定する）を減らします。

Androidでは、値フォルダに基づいて複数のデバイスサポートを簡単に管理できるさまざまなタイプの描画可能フォルダが用意されています。

問題：iOSのAndroidとiPhoneとiPadの電話とテーブルを含むすべてのデバイスで動作するアプリケーションを管理するにはどうすればよいですか？

Answer 1

あなたは質問をしました。私は、彼らがnormalizeTextを呼び出す機能を発見したネイティブの要素を反応させるのライブラリを見ると、あなたはここでそれを見つけることができます： https://facebook.github.io/react-native/docs/pixelratio.html

：

は

https://github.com/react-native-training/react-native-elements/blob/master/src/helpers/normalizeText.js

は基本的に、彼らはあなたがここに見つけることができるドキュメントのピクセル比のAPIを、取ります

スクリーンサイズによっては、その機能を使用する/ height/fontの値に0.5〜2の値が乗算されます。すべてのプラットフォームで良好なビジュアルを得るには良い解決策でした。

UIの場合は、できるだけflexを使用することをおすすめします。これは、アプリが幅と高さから独立しているためです。

説明が必要な場合は、お気軽にコメントしてください。