为什么在 React Native Image 中不显示在模拟器中？

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

为什么在 React Native Image 中不显示在模拟器中？

Why in react native Image is not displaying in simulator?

simulator

image

ios-simulator

react-native

expo