Привет! Подскажите пожалуйста! Я использую
https://github.com/lhandel/react-native-card-stack-swiper для своего приложения. Что бы сгенерировать карточки для свайпов я использую массив и с помощью map для каждого уровня создаю карточку!
При этом когда у меня было около 10 карточек симулятор не подвисал, а когда у меня теперь 200 карточек , то мое приложения на симуляторе тупит, есть подозрения что на смартфонах тоже будет лагать!
Есть ли возможность сделать рендер первых 5-10 карточек и потом с каждой пройденной карточкой рендерить еще 1, (типо как у FlatList когда он отображает контент по мере прокручивания)?
Код:
{CardLevels.slice().map((cards, index) => (
<Card key={index} style={styles.card}>
<Image
source={images.backgroundCard}
style={styles.cardBackground}
/>
<View style={styles.questionBox}>
<Text style={styles.questionText}>{cards.text}</Text>
</View>
</Card>
))}