React-Native 图片不显示

Question

好的，所以我有一个反应本机屏幕看起来像

const SentimentScreen = ({ navigation, route }) => {
    return (
            <View style={styles.container}>
                 
                  <View style={styles.container}>
                    <Text style={styles.titleText}>Sentiment: {route.params.sent}</Text>
            <Image
                    style={{width: '100%', height: '50%'}}
            source={{uri:route.params.url}}
                />
                  </View>
              <StatusBar style="auto" />
            </View>

    );
};

而 url 参数是一个类似于 'https://www.example.com/lol.png'

的字符串

但是图片不显示。我究竟做错了什么？（就反应本机而言，我仍然有点菜鸟）

Answer 1

从路径中取出图片，先给它具体的，高度，宽度和大小。然后你可以传入uri。

React-Native 图片不显示

React-Native Image Not Showing

image

react-native