как обрабатывать изображения из API в swiper

Question

Я установил react-native-swiper, и я пролистываю 3 полноэкранных режима, и все в порядке, но я должен смахнуть изображения из API, я получу изображения из API. Я не знаю, как это отобразить, потому что количество изображений будет меняться каждый раз, когда я не могу поместить свои изображения в свой проект Я должен использовать flatList в одном представлении или как?

return (
    <View style={styles.container}>

        <Swiper autoplay={true} loop={true} style={styles.wrapper} showsButtons={true}>
            <View style={styles.slide1}>
                <Text style={styles.text}>Dima Arcol 1</Text>
            </View>
            <View style={styles.slide2}>
                <Text style={styles.text}>Dima Arcol 2</Text>
            </View>
            <View style={styles.slide3}>
                <Text style={styles.text}>Dima Arcol 3</Text>
            </View>
        </Swiper>
        <View style={styles.myButtunContainer}>
            <MyLButton/>
        </View>

    </View>
);

Answer 1

Вы можете перебирать свои данные, используя карту.допустим, ваши данные

data = [
    {
        text: 'imageheading',
        image: 'yoururl'
    },
    ...
];

return (
    <View style={styles.container}>

    <Swiper autoplay={true} loop={true} style={styles.wrapper} showsButtons={true}>

    {this.data.map((data) => {
        return(
            <View style={styles.slide3}>
                <Text style={styles.text}>{data.text}</Text>
                <Image src={{ uri: data.image }}/>
            </View>
        );
    })}
    </Swiper>
    <View style={styles.myButtunContainer}>
        <MyLButton/>
    </View>

    </View>
);