1. ホーム
  2. react-native

[解決済み] React Nativeの画面幅

2022-06-16 16:41:50

質問

Reactネイティブで画面幅を取得するにはどうしたらよいでしょうか。 私はいくつかの絶対的なコンポーネントを使用しており、それが重なり、異なるデバイスで画面上のそれらの位置が変化するため、私はそれが必要です。

どのように解決するのですか?

React-Nativeでは、DimensionsというOptionがあります。

Dimensionsを入れると、画像やテキストなどのコンポーネントを入れることができます。

そして、スタイルシートでは、以下のように使用します。

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

このようにして、デバイスのウィンドウと高さを取得することができます。