Question

在我的本机应用程序中，我有一个带有Image组件的组件数组，但是我遇到了这个错误

警告：道具类型失败：提供给以下道具的道具来源无效 ForwardRef（图片）。

文件CampaignPreview

<root>
    <level value="DEBUG" />
    <priority value="DEBUG" />
    <appender-ref ref="rolling"/>
</root>

文件主页

render() {
    return (
        <TouchableOpacity>
            <ImageBackground
                source={ require(this.props.imageFilePath) }
            >
            </ImageBackground>
        </TouchableOpacity>
    );
}

但是如果我将字符串而不是render() { let campaigns = [ { id: 1, name: "WildFit", expire: 1868029014, picFrame: "../assets/picture.jpg", done: 0.75 } ]; let campaignViews = campaigns.map( c => { return ( <CampaignPreview imageFilePath={ c.picFrame } name={ c.name } completation={ c.done } key={ c.id } /> ); }); let view = ( <View> <ScrollView> { campaignViews } </ScrollView> </View> ); return view; }放上

Answer 1

我似乎在react native中不可能使用'require（var）'，我一直使用require（'location'），您可以尝试将字符串保存在变量中。

只需要接受文字的字符串

react native use variable for image file

反应本机图像错误道具类型失败：提供给ForwardRef（Image）的道具源无效

1 个答案: