使用ImageBackground时反应本机错误代码500

时间:2019-03-12 04:11:12

标签: react-native

我正在学习对本机做出反应并出现错误 这是我的代码

import React, {Component} from 'react';
import {View, ImageBackground, StyleSheet, Text} from 'react-native';

export default class Welcome extends Component{
    render() {
        return (
        <ImageBackground  source={require('./Image_app/welcome.jpg')}  style={styles.container} >
          <View style={styles.container}>
             <Text style={styles.headerText}>
               Setting background image in react native application
             </Text>
          </View>
        </ImageBackground>
        );
      }
    }

const styles = StyleSheet.create({
    container: {
    flex: 1,
    justifyContent: "center",
    alignItems: 'center',
    width: null,
    height: null,
    },
    headerText: {
    fontSize: 24,
    textAlign: "center",
    margin: 10,
    color: "white",
    fontWeight: "bold"
    }
});

和此错误 enter image description here

我的源中的放置文件夹图像 enter image description here

1 个答案:

答案 0 :(得分:0)

关闭捆绑软件,删除node_modules,通过npm i重新安装所有内容,然后再次启动捆绑软件。那应该可以解决您的问题。