为什么在react中本地图像没有显示在模拟器中

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