複数の画面がリアクションネイティブで表示される

Question

私は数週間から反応ネイティブ（ええと、最高です）に近づいています。この偉大な投稿を中程度に読む
https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq
私はビューやテキストプロパティ（フォントサイズ）のようなコンポーネントのサイズを変更する方法を理解していると思います。しかし、ここに問題があります。marginTopのような表示プロパティをどのように設定して、さまざまな画面サイズに合わせることができますか？たとえば
：
{ ... firstView:{ marginTop : 10 } ... } marginTopは、誰もがこれを行う方法の簡単な例を提供することができ iPhone 5とiPhone 6に同じではないのですか？
ありがとうございました！

Answer 1

デフォルトでは、反応ネイティブのすべてのユニットは、密度に依存しないピクセルを使用します。 PixelRatioを使用すると、デバイスのピクセル密度を取得できます。 余白のために、異なるピクセル密度で拡大縮小したくないかもしれません。だから、あなたはそれを使用することができます

{ 
... 
    firstView:{ 
    marginTop : PixelRatio.getPixelSizeForLayoutSize(10) 
    } 
... 
}