react-native - ReferenceEerror 找不到变量 :image

Question

import React, {Component} from 'react';
import{ StyleSheet, Text, View, StatusBar } from 'react-native';
export default class Logo extends Component{
render(){
    return(
       <Image source={require('../images/stgi.jpg')} />
        )
}
}

只需给出显示错误的图像路径
如何修复它

Answer 1

首先请注意，如果您使用的是 react-native 元素，请确保在使用前已导入它。要导入图像试试这个

import {Image} from 'react-native' ; 

最后你的代码应该是这样的

import React, {Component} from 'react';
import{ StyleSheet, Text, View, StatusBar , Image } from 'react-native';
export default class Logo extends Component{
render(){
    return(
       <Image source={require('../images/stgi.jpg')} />
        )
}
}