React Native图像错误失败的Prop类型:提供给ForwardRef的无效Prop源(图像)

Question

在我的反应本应用程序中，我有一个内部具有图像组件的组件数组，但是我有此错误

警告：失败的道具类型：提供给无效的道具源 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

i似乎在React Native中不可能使用'require（var）'，我永远使用requient（'socation'），您可以尝试将字符串保存在变量中。

需要仅接受字面的S字符串

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