почему компонент Reaction-native-snap-carousel загружается в моем приложении так долго? - PullRequest
Новая
       27

почему компонент Reaction-native-snap-carousel загружается в моем приложении так долго?

0 голосов
/ 18 октября 2019

Я внедрил компонент react-native-snap-carousel в свое приложение, и сначала, когда у меня была только одна карусель, она загружалась с нормальной скоростью, не о чем беспокоиться, но теперь, когда я добавил еще два, загрузка занимает около 7 секунд,И я только беру около 5 объектов из Firestore и показываю их в каруселях. У меня есть второй вопрос, связанный с этим, я хотел бы знать, сколько объектов загружается каруселью за раз - я могу видеть только некоторые, однако, возможно, он загружает их все в фоновом режиме, так что если это так, есть лиКак это изменить?

Вот одна из каруселей, хотя я не думаю, что она понадобится вам, чтобы отвечать на мои вопросы: 

mainExample(number, title) {
    const { slider1ActiveSlide } = this.state;

    return (
        <View style={styles.exampleContainer}>
            <Text style={styles.title}>{`KosovaFood`}</Text>
            <Text style={styles.subtitle}>{title}</Text>
            <Carousel
                ref={c => this._slider1Ref = c}
                data={this.state.All}
                renderItem={this._renderItemWithParallax}
                sliderWidth={sliderWidth}
                itemWidth={itemWidth}
                hasParallaxImages={true}
                firstItem={SLIDER_1_FIRST_ITEM}
                inactiveSlideScale={0.94}
                inactiveSlideOpacity={0.7}
                // inactiveSlideShift={20}
                containerCustomStyle={styles.slider}
                contentContainerCustomStyle={styles.sliderContentContainer}
                loop={false}
                loopClonesPerSide={2}
                autoplay={false}
                // autoplayDelay={500}
                // autoplayInterval={3000}
                onSnapToItem={(index) => this.setState({ slider1ActiveSlide: index })}
            />
        </View>
    );
}
...