Question 1

How do I style the rows in react-native-sortable-list?

Accepted Answer

Use the 'renderRow' prop to return a custom component with your desired styles. The prop provides parameters like 'data', 'active', and 'disabled' to conditionally apply styles based on interaction state, as shown in the examples.

Question 2

Does react-native-sortable-list support nested or multi-list drag and drop?

Accepted Answer

No, the library is designed for single-list reordering only. The README does not mention support for dragging items between multiple lists or nested structures, so you'd need a different solution for those cases.

Question 3

How does it compare to React Native Draggable Flatlist?

Accepted Answer

React Native Sortable List offers more customization through 'renderRow' and supports horizontal layouts, but Draggable Flatlist might have better performance with large lists due to FlatList integration. Choose based on your need for flexibility versus optimization.

Question 4

Can I use this with Expo projects?

Accepted Answer

Yes, it should work with Expo as it's a standard React Native library. However, always verify compatibility with your Expo and React Native versions, as the README doesn't specify any Expo-specific requirements or issues.

Question 5

How to handle state when items are reordered?

Accepted Answer

Use the 'onChangeOrder' callback to update your state with the new order array. This array contains the keys of items in their new sequence, which you can map to your data source for persistent storage or UI updates.

Question 6

Is there a way to disable sorting for specific rows?

Accepted Answer

Yes, you can conditionally handle the 'disabled' status in the 'renderRow' function based on your data. For instance, check a property in your data object to prevent activation for certain rows, though this requires manual implementation.

react-native-sortable-list

What is react-native-sortable-list?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions