react-native - 如何将通过 URL 检索到的图像的宽度调整为 React Native 中的 View 容器？

Question

我想从 url 中检索图像，并将其插入到View适应容器大小的容器中。

这是expo我试图做到的地方。
https://snack.expo.io/Hk1rsfaHU

您如何看到有 3 列具有相同的宽度（flex 1），第一列是图像。

我希望它Image包含在 中View，使宽度适应容器并保持正确的纵横比。

有什么建议么？

Answer 1

您需要更改src为：source<Image />

  <Image source={{uri: 'https://i2.wp.com/www.xpeppers.com/wp-content/uploads/2016/06/react-native-preview.png?resize=580%2C357'}} 
    resizeMode='contain' style={styles.image}
  />

输出：

工作演示：

https://snack.expo.io/SJdlzQTr8