为什么在反应中本机映像未显示在模拟器中?

时间:2020-07-25 12:36:19

标签: image react-native expo ios-simulator simulator

我是本机反应的新手,想显示图像,我用expo设置了项目,并尝试使用以下代码显示图像,我做了一些研究,但我认为代码是正确的,我不知道为什么它不显示在模拟器中,有谁知道吗?

代码:

import React from 'react';
import { View, Text, StyleSheet, Image } from 'react-native';

const ImageDetail = (props) => {
    return (
        <View>
            <Image source={require('./beach.jpg')} />
            <Text>{props.title}</Text>
        </View>
    )
};

const style = StyleSheet.create({

});

export default ImageDetail;

我在文件所在的文件夹中有图像。

1 个答案:

答案 0 :(得分:1)

为图像提供具有高度和宽度的样式,但图像组件不会显示图像。

<Image style={{height:100,width:100}} source={require('./beach.jpg')} />