React Native Image error Ошибка типа поддержки: неверный источник поддержки предоставлен ForwardRef (изображение)

Question

В моем приложении "native-native" у меня есть массив компонентов с компонентом Image внутри, но у меня есть эта ошибка

Предупреждение. Неисправный тип пропеллера: неверный источник пропуска ForwardRef (изображение).

файл CampaignPreview

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

Файл Home

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

мне кажется, что 'require (var)' невозможен в реагировать на нативный, я использовал require ('location') навсегда, вы можете попробовать сохранить строку в переменной.

требуют только принять строку литерала s

реагирует на переменную собственного использования для файла изображения