Question

当我试图将图像插入视图时，我收到此错误

查看未找到名称＆＃34;＆＃34;
的配置

 renderCategory = (category)=>{
    const { Id, Image, Name } = category.item
    const { button, image_category, text_category} = style;
    return(
        <TouchableOpacity style={style.button} onPress={()=>{console.log(Id)}}>
                <View style={{flex:1}}>
               //here the problem
                <Image style={image_category} source={{uri:'https://picsum.photos/150/150'}} /> // when I remove it, it works fine.

                <Text>{Name}</Text>
                </View>
        </TouchableOpacity> 
    ) 
}
render() {
    const { container } = style;
    return (

        <View style={container}>
        <FlatList style={{margin:5}}
            data={this.state.second_categories}
            numColumns={3}
            keyExtractor={(item, index) => item.id }
            renderItem={this.renderCategory}
            />

        </View>
    )
}

我查看了stackoverflow中的其他帖子，但没有解决我的问题。

我的风格

    image_category:{
    width: calcSize(width/4),
    height: calcSize(width/4)
},

Answer 1

此问题是由于保留字 Image的覆盖造成的。

const { Id, Image, Name } = category.item

以下代码中使用的Image字符串来自category.item，而不是来自{Image} from 'react-native'

的字符串

<Image style={image_category} source={{uri:'https://picsum.photos/150/150'}} />

因此，您需要将Image object对象中的category.item替换为其他内容，而不是 react-native 保留字以避免冲突。

或

您可以为图片制作stateless component并使用

<强> TLDR

将Image内的category.name对象替换为冲突与react-native's代码Image的其他内容，或者制作separate component对于图像

Answer 2

我无法告诉您image_category中的内容，但必须有width和height https://facebook.github.io/react-native/docs/image.html

查找未找到名称的配置＆＃34;＆＃34;反应原生

2 个答案: