Androidで表示されないURLの画像がネイティブアプリに反応する

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