对本机FlatList进行排序 [英] Sorting react-native FlatList

问题描述

如何按字母顺序对 FlatList 进行排序?

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 }) => (

        ...

推荐答案

选择合作伙伴可以解决问题:

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 }) => (

        ...

如果 partners 是字符串数组，则此方法有效.

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.

例如，如果合作伙伴具有 name 属性，则排序必须为:

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

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

这篇关于对本机FlatList进行排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！