React Native Image未加载 - 无法完成操作。 （NSURLErrorDomain错误-1005。）

Question

我正在尝试从https连接加载远程图像，但它失败并出现以下错误：

The operation couldn’t be completed. (NSURLErrorDomain error -1005.)

<Image
  source={{ uri: 'https://movact.de/wp-content/uploads/2017/08/matthias_bannert-e1502644047369-150x150.jpg' }}
  style={styles.speakerImage}
  onError={error => console.log('ERROR', error.nativeEvent)}
/>

我尝试了其他几个图像并且它们都出现了相同的错误，任何错误意味着什么？

React Native 0.49.3

Answer 1

使用以下代码正常/无错误：

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

export default class App extends Component {
    render() {
        return (
            <View style={{flex:1, justifyContent: 'center', alignItems: 'center'}}>
                <Image
                    source={{ uri: 'https://movact.de/wp-content/uploads/2017/08/matthias_bannert-e1502644047369-150x150.jpg' }}
                    style={{height: 50, width:50}}
                    onError={error => console.log('ERROR', error.nativeEvent)}
                />
            </View>
        );
    }
}

您是否在speakerImage样式对象中指定了宽度和高度？远程图像/网址需要大小属性。