[解決済み] 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
}
このようにして、デバイスのウィンドウと高さを取得することができます。
関連
-
React-NativeにおけるイベントリスナーDeviceEventEmitter
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] react-nativeでキーボードを隠す
-
[解決済み】react nativeでボタンを無効化する。
-
[解決済み】React ネイティブのテキストが画面外に出てしまい、折り返すことを拒否されています。どうすればいいですか?
-
[解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。
-
[解決済み] React Nativeで水平罫線を描く
-
[解決済み] 数字しか受け付けないReact NativeのTextInput
-
[解決済み] React Nativeの画面幅
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
React-NativeにおけるイベントリスナーDeviceEventEmitter
-
[解決済み】react-nativeで環境変数を設定する?
-
[解決済み】react nativeでボタンを無効化する。
-
[解決済み] React native reduxのreducerで配列に要素を追加するにはどうすればいいですか?
-
[解決済み] React Nativeで<Text>フィールドの単一単語を太字または斜体にする
-
[解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法
-
[解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。
-
[解決済み] ES6、インポートモジュールを一行でエクスポートするには?
-
[解決済み] react nativeでテキストを縦書き(90度回転)させるには?
-
[解決済み] 数字しか受け付けないReact NativeのTextInput