Closed nikhilgoswami closed 4 months ago
try the new scrollingContainerId
prop it by running npm i flatlist-react@next
. It is not yet released
PR for more details -> https://github.com/beforesemicolon/flatlist-react/pull/104
Example:
// as a DEEP child of a scrolling ancestor element using the "scrollingContainerId" prop
<div style={{overflow: "auto", height: "300px"}} id="scrolling-container">
<div className="mid-wrapper">
<div className="list-wrapper">
<FlatList
list={this.props.people}
renderItem={this.renderPerson}
renderWhenEmpty={this.showBlank}
scrollingContainerId="scrolling-container"
/>
</div>
</div>
</div>
Is your feature request related to a problem? Please describe. load more items function gets called before user scrolls to bottom when scrollbar is not a parent of flatlist
Describe the solution you'd like Option to pass id of scrollbar container if it is not the direct parent of flatlist
Additional context Sometimes it is not possible to add scrollbar as a parent to flatlist in these cases we need a option to pass id or class of scrollbar container so that flatlist knows it is not a direct parent of container