reactjs - 显示我从 React Native 中的 JSON 文件访问的本地图像时出现问题

Question

我正在使用我制作的 JSON 文件中的 flatlist 和 renderItem 渲染数据，但似乎无法显示我添加到 JSON 文件中的本地图像。

this is how im showing the data from each item

 renderItem({item}) {
    const handlePress = () => {
        this.props.onPress(item);
    }
    return (
        <View>
            <TouchableHighlight 
            onPress={handlePress} 
            >
            <>
                <Image source={item.img}/>
                <Text>{item.name}</Text>
            </>
            </TouchableHighlight>
        </View>
    );
}

 This is how im writing the img path in my json file

    "img":"require('../assets/images/legends/bangalore/bangalore-half.png')",

试图在网上阅读有效的方法并得出了结论，但仍然一无所获。

标签： reactjsreact-native

Answer 1

尝试添加 source= {{uri: item.img}}