我无法在React Native中放置图片
我无法在React Native中放置图片
提问于 2019-05-29 23:32:21
我正在尝试在react原生中制作一个应用程序，并且当你点击该应用程序时，至少会开始放置一个图像作为屏幕。
问题是应用程序无法找到我调用的图像或javascript文件。我试图更改文件的位置，但它似乎没有任何作用。
以下是开始屏幕文件的代码
import React, {Component} from 'react';
import {Image} from 'react-native';
const StartScreen = () => (
<Image source = {require('./src/assets/images/StartScreen.png')} />
)
export default StartScreen以下是App.js文件的代码
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import StartScreen from './src/screens/StartScreen'
type Props = {};
export default class App extends Component<Props> {
render() {
return (
<View>
<StartScreen />
</View>
);
}
}我应该得到图片，但却被告知图片或文件不存在。App.js文件位于文件夹的顶层，而图片和StartScreen.js位于src文件夹中。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-29 23:45:00
听起来你的问题出在你的文件夹结构上&你用来获取你的图片的路径。
据我所知，您的StartScreen.js文件位于screens文件夹(位于src中)，您的图像位于assets文件夹(也位于src中)。
因此，在StartScreen组件中，图像的相对路径是错误的。看看here，了解相对路径是如何工作的。
请尝试以下操作：
<Image source = {require('../assets/images/StartScreen.png')} />
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56364070
复制相关文章
相似问题
腾讯云开发者
