來自URL的圖像未在Android中顯示為本機應用程序

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

設置width和height屬性后，將顯示圖像。

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

Answer 2

嘗試使用https代替http。 這可能是主要問題。