Không thể hiển thị hình ảnh với React Native với uri

Question

Tôi đang làm việc với React Native và đang cố gắng hiển thị hình ảnh đơn giản với thư viện hình ảnh từ một URL. Khi tôi chạy điều này, tất cả những gì được hiển thị là văn bản 'Phản ứng nguyên bản', nhưng không có hình ảnh. Tôi đang làm gì sai?

'use strict'; 

var React = require('react-native'); 
var { 
    AppRegistry, 
    StyleSheet, 
    Image, 
    Text, 
    View, 
} = React; 

var AwesomeProject = React.createClass({ 
    render: function() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      React Native 
     </Text> 
     <Image 
      source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}} 
     /> 
     </View> 
    ); 
    } 
}); 

Answer 1

thử cho phần hình ảnh h và w

<Image style= {{ height:50, width: 50 }} > 

Answer 2

flex: 1, 
width: null, 
height: null, 
resizeMode: 'cover', 

phong cách này sẽ làm cho hình ảnh linh hoạt và trang trải toàn bộ thùng chứa