私は数週間から反応ネイティブ(ええと、最高です)に近づいています。この偉大な投稿を中程度に読む
https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq
私はビューやテキストプロパティ(フォントサイズ)のようなコンポーネントのサイズを変更する方法を理解していると思います。しかし、ここに問題があります。marginTopのような表示プロパティをどのように設定して、さまざまな画面サイズに合わせることができますか?たとえば
:
{ ... firstView:{ marginTop : 10 } ... }
marginTopは、誰もがこれを行う方法の簡単な例を提供することができ iPhone 5とiPhone 6に同じではないのですか?
ありがとうございました!複数の画面がリアクションネイティブで表示される
2
A
答えて
1
デフォルトでは、反応ネイティブのすべてのユニットは、密度に依存しないピクセルを使用します。 PixelRatioを使用すると、デバイスのピクセル密度を取得できます。 余白のために、異なるピクセル密度で拡大縮小したくないかもしれません。だから、あなたはそれを使用することができます
{
...
firstView:{
marginTop : PixelRatio.getPixelSizeForLayoutSize(10)
}
...
}
関連する問題
- 1. リアクションネイティブの画面幅
- 2. Qtで複数の画面を表示
- 3. 複数の画面のサポートを表示
- 4. 複数の画面にアプリケーションを表示
- 5. UIViewController画面が表示されない
- 6. スプラッシュ画面が表示されない
- 7. 全画面表示でスナックバーが表示されない
- 8. リアクションネイティブのインライン表示
- 9. Androidで複数の画面を表示する問題
- 10. iPadのスタート画面に2つのスプラッシュ画面が表示される
- 11. Windows&Linuxコンソールの画面の先頭にリセット画面が表示される
- 12. アンドロイドのスプラッシュ画面の後に黒い画面が表示される
- 13. UIViewControllerのサブクラスで黒い画面が表示される
- 14. Android OpenGLで画面の隅にオブジェクトが表示される
- 15. オプションメニューで空白の画面が表示される
- 16. コンピュータ画面に表示されるウィンドウの数は?
- 17. 複数のPageScrollViews(UIScrollViews)が一度に画面に表示される(ネストされていない)
- 18. Androidスクロール表示されないデバイスの画面が表示されない
- 19. 起動画面のストーリーボードに画像が表示されない
- 20. 複数のスレッドデータを画面に表示するアプローチ
- 21. 同じ画面に複数のアクティビティを表示する
- 22. AS3 FLVPlaybackフルスクリーンモードで黒い画面が表示される
- 23. 新しいViewControllersで黒い画面が表示される
- 24. QOpenGLWidgetテクスチャマッピングで黒い画面が表示される
- 25. Silverlightで白い画面が表示されるOOB
- 26. Android SurfaceViewで黒い画面が表示される
- 27. ボタンをクリックするとランダムに表示される画像が全画面で表示されます
- 28. Interface Builder UIImageViewに画像が表示されず、黒い画面のみが表示される
- 29. デバイスの画面に表が表示されない
- 30. J2ME LWUIT - スクロールで画面のラベルが表示されないエラー
私はそれを試してみましょう!ありがとうございました! – JohnEisenheim
する必要があります* marginTop:PixelRatio.getPixelSizeForLayoutSize(5)*良いオプションも? – JohnEisenheim
はい。あなたが正しいです。それはより良い選択肢でしょう。私は答えを更新します。ありがとう。 –