Swiper doesn't show image (from URI) until scrolling

I have a Swiper with one Image-child (same problem when I have multiple images as children). If I go to this screen, I except to see the image.

But: the swiper area is black (invisible) while I scroll down a bit. If I scroll, the image will load.

<Swiper height={300} > <View style={{flex: 1, backgroundColor: 'red'}}><Image style={{ flex: 1 }} source={{uri: 'https://s3.eu-central-1.amazonaws.com/xxxxxxx'}} /></View> </Swiper> 

I am using iOS Simulator with the following versions:

reaction-native-swiper v1.5.13

response-native v0.46.4

+5
source share
1 answer

Adding removeClippedSubviews={false} to Swiper solved the problem.

+4
source

Source: https://habr.com/ru/post/1272412/


All Articles