似乎无法在 React Native 上使用 require 或 uri 显示图像！我究竟做错了什么？

Question

我什至尝试过使用 react-native 导入图像和 require 方法，但它不起作用！

这是我的代码：

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



export default class MentePair extends React.Component {
    render(){
        return(
            <Image
                source={{ uri: 'asset:/Capture.png' }}
                style={{ width: 40, height: 40 }}
              />

            </View>

        )
    }
}

Answer 1

您的代码似乎没有使用图像标签您可以访问官方文档https://reactnative.dev/docs/image 示例：

<Image source={require('@expo/snack-static/react-native-logo.png')} />

Answer 2

我试过你的代码，当我使用 require 时它工作正常，我的代码是这样的，检查你是否使用了正确的图像路径：

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



export default class MentePair extends React.Component {
    render(){
        return(
            <View>
            <Image
                source={require('./assets/main.jpg')} 
                style={{ width: 100, height: 100 }}
              />
            </View>

        )
    }
}