[解決済み] React Nativeで全幅の画像のアスペクト比を維持する
2023-06-24 17:21:59
質問
タグについて質問です。画像は親の幅いっぱいに表示させたいのでalignSelf:stretchを使っていますが、画像の縦横比に合わせた高さにしたいのです。どうすればこのようなことが実現できるのでしょうか?
高さを画像の幅の比率で指定する方法が欲しいのですが。
どのように解決するのですか?
使用方法
style={{ aspectRatio: 3/2 }}
を使います。
Docs https://reactnative.dev/docs/layout-props#aspectratio
(RN 0.40+ で使用可能)
関連
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] react-nativeでキーボードを隠す
-
[解決済み] Androidのフラットリスト(React Native)でスクロールバーを隠す
-
[解決済み] React Nativeのスタイルはグラデーションをサポートしていますか?
-
[解決済み] React Native Android ビルドエラー MainActivity.java:29: error: cannot find symbol
-
[解決済み] React Nativeで「リモートデバッガがバックグラウンドのタブにある」という警告を消す。
-
[解決済み] Error: Unable to resolve module `react-native-gesture-handler`.
-
[解決済み] React Nativeのプロジェクト名を変更しますか?
-
[解決済み] 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でアプリ名を変更する
-
[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] React Nativeのグローバルスタイル
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] React Nativeで「リモートデバッガがバックグラウンドのタブにある」という警告を消す。
-
[解決済み] React Native のフラットリスト、カラム、最後のアイテム幅
-
[解決済み] React Nativeで画像の高さを自動調整する
-
[解決済み] React Native for androidでシャドウを設定するには?
-
[解決済み] React NativeのDEVとPRODの変数