1. ホーム
  2. react-native

[解決済み] 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+ で使用可能)