2015-05-07 17 views
5

Bild anzeigen Ich bastle mit React Native und versuche, ein Bild mit der Bildbibliothek von einer URL einfach anzuzeigen. Wenn ich das ausführe, wird nur der Text 'React Native' angezeigt, aber kein Bild. Was mache ich falsch?Kann nicht mit Native React mit uri

'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> 
    ); 
    } 
}); 

Antwort

20

Versuch geben Bildkomponente h und w

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

Leider decken, die nicht etwas für mich tun. Danke für den Vorschlag. – csakon

+0

OK, ich denke, das hat doch funktioniert. Ich habe versehentlich meine App zerstört, als ich versuchte, sie umzubenennen und neu zu beginnen. In der neuen App war das Hinzufügen von h und w der Unterschied zwischen dieser Arbeit und nicht. – csakon

+0

Perfekt! Vielen Dank! –

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

Dieser Stil wird Bild flexibler machen und den ganzen Behälter

Verwandte Themen