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

Question

在我的react原生应用程序中，我有一个包含图像组件的组件数组，但我有这个错误

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

文件活动预览

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;
}

但是如果我把字符串而不是this.props.imageFilePath它的工作原理

Answer 1

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

只需要接受文本的字符串

反应图像文件的本机使用变量