react-native - 如何在本机反应中解决图像加载问题

Question

图像组件不会在 IOS 中加载此源：

...

<Image
        accessible
        source={{
          uri: "https://logo.clearbit.com/uoregon.edu",
        }}
        style={style || styles.logo}
        onError={(e) => {
          console.log(e);
          setError1(false);
          setError2(true);
        }}
      />

...

您可以在浏览器中打开源代码并查看它没有损坏，但反应原生无法加载它

标签： react-native

Answer 1

你必须像这样设置resizeMode图像 style：

 style={
      {
        flex: 1,
        resizeMode: 'contain',
        backgroundColor: 'yellow'
      }   

如果不起作用，请更改resizeMode为 resizeMode: 'stretch'或 resizeMode: 'cover'