Я не могу загрузить изображения в компонент Image

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. Ширина и высота изображения должны быть добавлены к стилям изображения, чтобы отобразить его на устройстве. Подробнее

Попробуйте

<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)}
/>