javascript - React Native - FlatList 排序而不排序数据

Question

有没有办法渲染Flatlist在不对数据源进行排序的情况下按特定顺序排列行？

示例

<FlatList
  data={[{key: 'a'}, {key: 'c'}, {key: 'b'}]}
  renderItem={({item}) => <Text>{item.key}</Text>}
/>

上面的代码渲染了一个列表

a
c
b

有没有办法让它在不对数据源进行排序的情况下呈现以下内容？

a
b
c

Answer 1

基本上您是在说，我想要披萨，但不要使用香肠、肉等。因此答案是否定的。

为了执行高效排序和排序，可以试试linq.js

linq.js，简称为 LINQ for JavaScript。一些特别有用/相关的功能包括:

• 实现所有 .NET 4.0 方法和许多额外的方法(灵感来自 Rx、Achiral、Haskell、Ruby 等...)
• 完成lazy evaluation
• 绑定(bind) JavaScript (RxJS) 和 IntelliSense 的响应式扩展

如果 Linq.JS 可以解决您的性能问题，您应该先对其进行排序，然后再渲染排序后的数据源。

另一种选择是使用 lodash，据称其性能更好，请参阅 this link了解详情。

以下是对一些数据进行排序的代码片段:LINQ.JS:

var queryResult = $.Enumerable.From(jsonArray)
  .OrderBy(function(x) {
    return x.user.screen_name
  })
  .Select(function(x) {
    return x.user.screen_name + ':' + x.text
  })
  .ToArray();

Lodash:

var queryResults = _.chain(jsonArray)
.sortBy(function (x) { return x.user.screen_name })
.map(function(x) {
    return x.user.screen_name + ':' + x.text
  })
.value();