我无法将图像加载到图像组件中

Question

您好，我是 JS 和 React Native 的新手。我似乎无法将任何图像加载到 Image 组件中。我使用所有安全 uri 并首先在浏览器中测试它们。它们在浏览器中加载，但不在我的 ios 模拟器中。似乎也没有错误。希望有人以前看过这个

这是一段代码摘录：

<Image    
      source = { {uri:"https://images.freeimages.com/images/large-previews/f37/cloudy-scotland-1392088.jpg" }}
      resizeMode = {"contain"}
      onLoadStart = { () => alert("start")}
      onLoadEnd = { () => alert("loaded") }
      onError = {(e)=> alert(e.nativeEvent.error)}
    />

info.plist 提取：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>

Answer 1

我认为问题在于您没有为 Image 组件提供任何样式。图像宽度和高度需要添加到图像样式中才能在设备上显示。 More

试试这个

<Image
  source={{
    uri:
      "https://images.freeimages.com/images/large-previews/f37/cloudy-scotland-1392088.jpg"
  }}
  style={{ width: 100, height: 100 }} //Add this
  resizeMode={"contain"}
  onLoadStart={() => alert("start")}
  onLoadEnd={() => alert("loaded")}
  onError={e => alert(e.nativeEvent.error)}
/>