Right now I am facing this issue in my React Native FlatList
rendering. As you can see in the screenshot, multiple images are displayed side by side in landscape mode (for a few seconds), and then it resizes itself to display only one image.
Is there a way to avoid this problem?
My FlatList
implementation looks like this:
<FlatList testID={FULLSCREEN_GALLERY_IMAGE_LIST_TEST_ID} ref={listRef} data={images} style={styles.list} contentContainerStyle={styles.contentContainer} initialScrollIndex={initialImageIndex} getItemLayout={getItemLayout} renderItem={renderImageItem} snapToAlignment="start" decelerationRate={'fast'} snapToInterval={width} viewabilityConfig={imageListConfig} onViewableItemsChanged={onViewableItemsChanged} horizontal nestedScrollEnabled scrollEnabled={scrollEnabled} disableIntervalMomentum extraData={extraDataFlatList} />