React native 第41行的调用无效:require(item.image)

React native 第41行的调用无效:require(item.image),react-native,React Native,我试图使用我的组件创建一个带有平面列表的屏幕,但为什么找不到出错的原因。我还查看了React native dev网站,了解了FlatList是如何工作的,但仍然没有任何线索。 我是个新手。对不起,如果这是一个基本的错误 我试图创建的屏幕: 我的组成部分: import React from "react"; import { Text, StyleSheet, View, TouchableOpacity, Image } from "react-native&

我试图使用我的组件创建一个带有平面列表的屏幕,但为什么找不到出错的原因。我还查看了React native dev网站,了解了FlatList是如何工作的,但仍然没有任何线索。 我是个新手。对不起,如果这是一个基本的错误

我试图创建的屏幕:

我的组成部分:

import React from "react";
import { Text, StyleSheet, View, TouchableOpacity, Image } from "react-native";

const ScreenMap = (props) => {
    return (
        <View>
            <TouchableOpacity
                onPress={props.path}>
                <Image source={props.imageSource} />
            </TouchableOpacity>
        </View>);
};

const styles = StyleSheet.create({});

export default ScreenMap
并将此返回:

return <ScreenMap imageSource={item.image} />
返回

只需传递图像地址,而不需要传递require()形式的对象。
然后将require(props.imageSource)放在屏幕地图和图像组件中。

谢谢您的回答。不管你说什么我都做了。现在在屏幕脚本上,我返回这个返回,并在屏幕地图上返回,但现在我在第9行得到无效调用:require(props.imageSource)error
const contentButtons = [
    {
        title: "ilceler",
        image: require('../../assets/Baslica/ilceler.png')
    },
    {
        title: "gururHuzurIlham",
        image: require('../../assets/Baslica/gururHuzurIlham.png')
    },
    {
        title: "ulasim",
        image: require('../../assets/Baslica/ulasim.png')
    },
    {
        title: "pratikBilgiler",
        image: require('../../assets/Baslica/pratikBilgiler.png')
    },
    {
        title: "tarihiEserlerVeMuzeler",
        image: require('../../assets/Baslica/tarihiEserlerVeMuzeler.png')
    },
    {
        title: "etkinlikler",
        image: require('../../assets/Baslica/etkinlikler.png')
    },
    {
        title: "canakkaleyeOzgu",
        image: require('../../assets/Baslica/canakkaleyeOzgu.png')
    },
    ]
return <ScreenMap imageSource={item.image} />