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