来自URL的图像未在Android React本机应用中显示

Question

为什么在移动设备上运行应用程序时我的图像不会出现？我只是遵循本教程并添加了几行代码：https：//facebook.github.io/react-native/docs/getting-started.html。

import React, {
  Component
} from 'react';
import {
  AppRegistry,
  Image,
  StyleSheet,
  Text,
  View
} from 'react-native';
var MOCKED_MOVIES_DATA = [
  {title: 'Title', year: '2015', posters: {thumbnail: 'http://i.imgur.com/UePbdph.jpg'}},
];
export default class AwesomeProject extends Component {
  render() {
    var movie = MOCKED_MOVIES_DATA[0];
    return (
      <View style={styles.container}>
        <Text>{movie.title}</Text>
        <Text>{movie.year}</Text>
        <Image source={{uri: movie.posters.thumbnail}} />
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

Answer 1

设置宽度和高度属性时出现图像。

<Image style={{width: 60, height: 60}} source={{uri: movie.posters.thumbnail}} />

Answer 2

尝试https而不是http。这可能是主要问题。