カードを埋めるためのイメージの幅と柔軟性のある高さを取得するにはどうすればよいですか？

Question

イメージのサイズを設定しようとしています。イメージの幅は、カードの全幅（横のマージンを差し引いたもの）と柔軟な高さで、必要に応じて拡大/縮小できます。

どうすればいいですか？スタイルが高さを必要とするようだが、それはnullを受け入れないだろう。私はここでは高さ、幅など、さまざまなresizeModesを使用して

を組み合わせの多くを試してみました

はコンポーネントです：

そして、ここでは私の現在のコードです：

renderImage(image) { 
    const { width, height } = Dimensions.get('window'); 

    if (image) { 
     return (
     <View style={styles.imageContainer}> 
      <Image 
      style={{ width, resizeMode: 'contain', height: 300 }} 
      source={{ uri: image }} 
      /> 
     </View> 
    ); 
    } 
    } 

Answer 1

私はウェブからの画像で同じ問題を抱えていましたが（正確な幅が知られていない正確な幅は&でした）、react-native-web-image。現時点ではローカルイメージ用ではなく、リモート用のみです。それを試してください、もしそれが助けになるなら、私はうれしいでしょう。

Answer 2

幅を画面幅に設定し、高さをundefinedに設定します。