Prerequisites (~ 2 minutes)


Using HTTP links (in image sources for example) will not work on iOS devices/emulators. By default, the HTTP protocol is disabled. API calls and Image sources using HTTP protocol will not work on iOS, and no errors will be displayed.

Steps (~ 2 minutes)

Using the default configuration, the images in this page will not be displayed:

import React, { Component } from 'react'
import { View, Text, Image, TouchableOpacity } from 'react-native'

export default class Workspace extends Component {
  render () {
    return (
            source={{ uri: }}
            style={{width: 50, height: 50}}

The source uri uses the HTTP protocol

how to display these images:

By default iOS forbids calls using http protocol. Normally you should use secured http protocol (https), if you don't have that opportunity, you have to allow the domain using http protocol by modifying the <Project>/ios/<Project>/info.plist:

in the NSExceptionDomains section, add your domain name and permission

    <key>localhost</key> <!-- By default, localhost is allowed to use HTTP protocol to use the debugger -->
    <key></key> <!-- replace YOUR_DOMAIN with your domain name -->
        <key>NSExceptionAllowsInsecureHTTPLoads</key> <!-- Set the permission for HTTP loads (without encryption) -->

Last updated