Sorting react-native FlatList

Question

How can I sort the FlatList by alphabetical order?

export default function PartnersList(props) {
  const { partners, onPartnerDetails } = props;

  return (
    <FlatList
      style={layout.list}
      contentContainerStyle={layout.listContainer}
      numColumns={2}
      data={partners}
      renderItem={({ item }) => (

        ...

https://stackoverflow.com/questions/45229682/react-native-flatlist-ordering-without-sorting-data — Kirankumar Dafda, Aug 08 '18 at 09:25

score 23 · Accepted Answer · answered Aug 08 '18 at 09:26

Sorting partners would do the trick:

export default function PartnersList(props) {
  const { partners, onPartnerDetails } = props;

  return (
    <FlatList
      style={layout.list}
      contentContainerStyle={layout.listContainer}
      numColumns={2}
      data={partners.sort((a, b) => a.localeCompare(b))}
      renderItem={({ item }) => (

        ...

This works if partners is an array of strings.

If it's an array of objects then you should sort by a string within that object.

for example if partner has a name property, sort must be:

....
data={partners.sort((a, b) => a.name.localeCompare(b.name))}
....

https://stackoverflow.com/questions/10123953/how-to-sort-an-array-by-a-date-property — StackedQ, Dec 26 '19 at 17:51

Sorting react-native FlatList

1 Answers1

Linked

Related