SortableListView inside ScrollView

[superandrew213]

Is the there a way to get this to work? Currently it does not allow sorting. You can select the cell but it doesn't move. Just scrolls the parent ScrollView instead.

[superandrew213]

onRowMoved is not being triggered

[superandrew213]

Related to this #1046

[deanmcpherson]

Hey @superandrew213, do you have an example of how to reproduce this?

[superandrew213]

@deanmcpherson I changed my approach and am not using the parent ScrollView anymore but it was basically like this:

<ScrollView>
  <SortableListView />
</ScrollView>

[deanmcpherson]

Hey @superandrew213, I don't think this is possible. I think you would need to disable the scroll of the scroll view for the sortable to be able to capture the move responder. You could try adding onMoveShouldSetPanResponder={true} to the PanResponder, but my suspicion is that on moving the parent scrollview will capture the event regardless.

[superandrew213]

@deanmcpherson I found a workaround by disabling the parent ScrollView onPanResponderGrant then enable onPanResponderRelease

[deanmcpherson]

Just out of curiosity, why are you nesting it inside a ScrollView?

[superandrew213]

My sortable list will only have 4 items and I have other content underneath it.

[deanmcpherson]

Ah ok, and you need it all to scroll. The content below is pretty big? Otherwise you could just render it in renderFooter.

[superandrew213]

Yeah it's quite big and includes other non sortable lists. I might try and see how it performs if I include it in renderFooter. It might rerender every time SortableListView updates

[deanmcpherson]

Yep, by default it will try and rerender every time the SortableListView updates, you can wrap it in a StaticRenderer or return false to shouldComponentUpdate to fix that though.

[deanmcpherson]

Closing issue.

[vTrip]

Found rendering elements in the header an footer very useful when wanting all content to scroll with the list and not trigger the drag. Thanks @deanmcpherson