How to make it works inside a ScrollView or FlatList?

[matheusmatos]

Hi, I'm not sure if the code bellow is supported:

<ScrollView>
  <PagerView style={{ flex: 1 }} initialPage={0}>
    <View key="1">
      <Text>First page</Text>
    </View>
    <View key="2">
      <Text>Second page</Text>
    </View>
  </PagerView>
</ScrollView>

I'm testing with [email protected] and [email protected] on Android.

Do you guys have some information about this? Thanks!

[alexandreaugus]

This "kind of work" for me. I am having trouble with the refresh control. When I reach bottom I can't scroll up anymore without triggering the refresh control

<ScrollView refreshControl={ <RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={colors.primaryOrange} /> } contentContainerStyle={{ flex: 1 }} > {data && data.length > 0 && ( <PagerView key={pagerKey.toString()} style={{ width: '100%', flex: 1, }} initialPage={0} orientation="vertical" onPageSelected={onPageSelected} ref={pagerRef} overdrag >

any ideas?

[kunalkumar007]

Hy @alexandreaugus @matheusmatos, Does anybody get it working? I am also kinda trying to implement inside scroll view

[zulfio]

@kunalkumar007 add contentContainerStyle={{flex: 1}} to the scrollview

[ppegu]

Here is a Solution 😍😍