2015-11-19 18 views
21

リアクションネイティブで画面幅を取得するにはどうすればよいですか?リアクションネイティブの画面幅

(Iが重なって、いくつかの絶対的なコンポーネントを使用し、異なるデバイスで画面の変更上の位置ので、私はそれを必要とする)

答えて

14

あなたがあなたのコンポーネントから必要とすることができますスタイルのコンポーネントを持っている場合は、のようなものを持っている可能性がありこれはファイルの先頭にあります。

そして、あなたはStyleコンポーネントにfulscreen: {width: window.width, height: window.height},を提供することができます。これは

26

でが反応-ネイティブ

あなたは画像、テキストや他の構成要素を含んで持っているトップVARの寸法を含め、我々は寸法と呼ばれるオプションを持っているのに役立ちます願っています。

次に、あなたのスタイルシートにあなたが以下のように使用することができ、このように

ex: { 
width: Dimensions.get('window').width, 
height: Dimensions.get('window').height 
} 

あなたは、デバイスウィンドウと高さを得ることができます。

3

単にデバイスの幅を取得するには、このコードを宣言

let deviceWidth = Dimensions.get('window').width 
関連する問題