Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scroll View or Flat List not scrolling to the end of items

See original GitHub issue

I have a Flat list implementation that is imported from react-native-gesture-handle

but when I start to scroll all elements are not showing here is the code

I tried making the content body height 100% and flexGrow:1 , but seems not to solve the issue

The behavior seems to appear whether I am using Scrollview or Flatlist

const LONG_DATA = […]

 <BottomSheet`
      bottomSheerColor="white"
      initialPosition={200}  //200, 300
      snapPoints={snapPoints}
      isBackDrop={false}
      overdragResistanceFactor={0}
      isRoundBorderWithTipHeader={true}
      initialSnap={1}
       enabledInnerScrolling={true}
      enabledInnerScrolling
      enabledContentTapInteraction={false}
      header={
        <View>
          <Text category="h6" style={{ textAlign: 'center' }} > Header </Text>
        </View>
      }
      body={
       <Flatlist 
style={{height:'100%',}}
data={LONG_DATA}
renderItem={renderItem}
/>

      }/>

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:6

Top GitHub Comments

1reaction

henoktsegayecommented, Feb 3, 2021

it is still causing an issue just switched to another package

1reaction

Stringsaeedcommented, Aug 19, 2020

@henoktsegaye i think this is only android issue can you confirm if it happens on ios, if it only android issue you can paddingBottom by the height of android’s bottom view you can use this library https://github.com/Sunhat/react-native-extra-dimensions-android

Top Results From Across the Web

React Native FlatList not scrolling to end - Stack Overflow

I method I used to resolve this is by setting the parent view to the FlatList's background color to a visible color ......

FlatList - React Native

Scrolls to the item at the specified index such that it is positioned in the viewable area such that viewPosition 0 places it...

[Solved]-Flatlist is not scrolling-React Native

Coding example for the question Flatlist is not scrolling-React Native. ... Is it possible to keep a ScrollView scrolled to the bottom?

Displaying a List in React Native: Map Method or FlatList ...

FlatList is a React Native component that provides scrolling features by default. ... FlatList uses the ScrollView component to render scrollable elements.

Common bugs in React Native ScrollView and how to fix them

Because FlatList only renders elements that are currently showing on the screen — not all the elements at once — it is capable...