Question

我正在尝试使应用程序以本机响应，并且在您单击该应用程序时开始至少将图像放置在屏幕上。

问题是该应用无法找到我调用的图像或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文件夹中。

Answer 1

听起来您的问题出在您的文件夹结构以及您用来获取图片的路径中。

据我所知，您的StartScreen.js文件位于screens文件夹中（位于src中），图像位于assets文件夹中（也位于在src中）。

因此，在您的StartScreen组件中，图像的相对路径是错误的。看看here，了解相对路径的工作原理。

请尝试以下操作：

<Image source = {require('../assets/images/StartScreen.png')} />

我无法在React Native中放置图片

1 个答案: