为什么反应原生图像没有在模拟器中显示？

Question

我是 react native 的新手，想显示图像，我使用 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;

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

Answer 1

为图片提供具有高度和宽度的样式，否则图片组件将不会显示图片。

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