Javascript 添加背景图像以创建本地项目

我正在尝试将背景图像插入到我的本机项目中。我希望能够添加此图像：。我尝试将其应用于样式表，但它不接受背景图像标记。我是个新手

从“React”导入React；
从“react native”导入{样式表、文本、视图、文本输入、按钮}；
从“/Users/Westin/assignment5/ListItem”导入ListItem；
导出默认类App扩展React.Component{
陈述={
事情：“，
事物：[]，
};
thingValueChanged=值=>{
//警报（值）；
这是我的国家({
东西：价值
});
}
onClickingAdd=（）=>
{
如果（this.state.thing==“”）
{
返回；
}
this.setState（prevState=>{
返回{
事物：prevState.things.concat（prevState.thing）
};
});
}
render（）{
const thingsOut=this.state.things.map（（thing，i）=>（））
返回(
我最喜欢的东西
{thingsOut}
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#e6eeff”，
对齐项目：“居中”，
justifyContent:“flex start”，
paddingTop:30，
},
标题：{
填充：10，
},
标题文字：{
尺寸：30，
颜色：'#003cb3'，
},
输入框：{
边框宽度：1，
身高：40，
宽度：“70%”，
},
添加按钮：{
宽度：“30%”
},
输入：{
flexDirection:“行”，
宽度：“100%”，
辩护内容：“空间均匀”，
对齐项目：“中心”，
}
});此代码适用于我：

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

export default class App extends React.Component {
    render() {
        return (
                <ImageBackground source=
                { {uri: 'https://i.pinimg.com/736x/80/29/a9/8029a9bf324c79b4803e1e5a2aba25f3--costume-makeup-iphone-wallpaper.jpg' } }
            style={styles.container}
                >
                <Text>Some</Text>
                <Text>Text</Text>
        <Text>Centered</Text>
        <Text>In</Text>
                <Text>Columns</Text>
                </ImageBackground>
    );
  }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
        width: '100%'
    },
});

从“React”导入React；
从“react native”导入{样式表、文本、视图、图像背景}；
导出默认类App扩展React.Component{
render（）{
返回(
一些
正文
居中的
在里面
柱
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
宽度：“100%”
},
});

您可以在此处阅读有关
的更多信息：

您能展示一下您尝试过的代码吗？我在你发布的代码中没有看到对该图像的引用。我不确定如何在此处发布。它只允许一定数量的字符，我的代码不适合评论。我将其添加到编辑中。我尝试了此操作，但不断收到错误：无法解析/Users/Westin/assignment5/background“from”/C:\\Users\\Westin\\assignment5\\App.js
：模块
/Users/Westin/assignment5/background`找不到“background”是我的照片的名称。我正在尝试，无法使用
require（）
语法，也无法使用
{uri:'…}
语法。奇怪，让我花点时间看看是否有解决方法。提供的示例对我来说很有用（在我的package.json中使用react native
~0.55.2
）。请确保您的是等效的。它看起来不像您可以将
包装在
中而不隐藏背景图像，因此您需要使用我提供的样式应用于
.YMMV。