ReferencEerror找不到变量：图像

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

1. 只是给它显示错误的图像路径如何解决它

Answer 1

您需要从 react-native 导入图像。

import{
  Image, 
  StyleSheet, 
  Text, 
  View, 
  StatusBar } from 'react-native';

Answer 2

首先请注意，如果您正在使用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')} />
        )
}
}