NestableScrollContainer auto scrolls up when NestableDraggableFlatList is not the immediate child #587

Activity

1. maciejewiczow commented on Aug 24, 2025

   

   maciejewiczow

   on Aug 24, 2025

   More actions

   Same issue here, any updates on that?
2. Code-yWilliams commented on Sep 30, 2025

   

   Code-yWilliams

   on Sep 30, 2025

   More actions

   Same issue here. Were you able to resolve it?
3. jaaywags commented on Sep 30, 2025

   

   jaaywags

   on Sep 30, 2025

   Last edited by jaaywags

   Author

   More actions

   Same issue here. Were you able to resolve it?

   I think I fixed it by utilizing onDragBegin and onDragEnd. Something like this

   <NestableDraggableFlatList
       data={data}
       onDragBegin={index => {
         setDisableParentScrollView(true);
       }}
       onDragEnd={({ data }) => {
         setDisableParentScrollView(false);
       }}

   Actually, ignore that. I do use these but I just used multiple NestableScrollContainer comoponents. One for each NestableDraggableFlatList and I moved the other Text and View components to be parents. Like this

   <View>
     <Text>Something</Text>
     <NestableScrollContainer>
       <NestableDraggableFlatList>
         ...
       </NestableDraggableFlatList>
     </NestableScrollContainer>
   </View>
4. jaaywags commented on Sep 30, 2025

   

   jaaywags

   on Sep 30, 2025

   Author

   More actions

   @Code-yWilliams I updated my expo snack. Check out the WorkAroundListOfDraggableItems.js file. That works pretty well.
5. Code-yWilliams commented on Sep 30, 2025

   

   Code-yWilliams

   on Sep 30, 2025

   More actions

   @jaaywags Solid workaround! I suppose the only downside is that if you're trying to move an item to a position that is currently off screen, the parent is unable to scroll it into view for us to place it there. Not a huge deal but depends on the use case I suppose. Thanks for sharing!