Блог

У меня та же картинка с тем же URL-адресом. Но при рендеринге изображение выглядит по-другому на iOS.

У меня есть компонент, который показывает локальное изображение во время вызова firebase, чтобы получить URL-адрес изображения:

 const [newsPhoto, setNewsPhoto] = useState(null);   useEffect(async () =gt; {  setNewsPhoto(await getPhotoURL(imageURL));  }, []);   return (  lt;View style={[styles.container, containerStyle]}gt;  {newsPhoto === null ? (  lt;Image  source={placeholderImage}  style={  placeholderImageStyle  ? placeholderImageStyle  : styles.placeholderImage  }  /gt;  ) : (  lt;Image  source={{  uri: newsPhoto,  cache: "force-cache",  }}  style={imageStyle ? imageStyle : styles.image}  /gt;  )}  lt;/Viewgt;  ); };  const styles = StyleSheet.create({  container: {  flex: 1,  backgroundColor: "red",  },  image: {  flex: 1,  aspectRatio: 1.5,  resizeMode: "contain",  },  placeholderImage: {  flex: 1,  aspectRatio: 1.5,  resizeMode: "contain",  }, });  

As you can see, my last try was using aspectRatio, but no success.