Как я могу получить ширину изображения, чтобы заполнить карту, а высота - гибкой?

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.