Question

我有一个React Native应用程序正在检索API。

但是，我不想将它从item [0]检索到item [93]，而是将其反转，以便它在顶部显示item [93]的数据，然后显示item [92]等。

因此，我试图将此添加到我的单位列表中：

inverted={true}

但是，这样做时，当我加载该应用程序时，它仍然会从[0]加载，但一遍又一遍地包含其上的下一项。

如何将信息从项目[93]加载到项目[0]？

非常感谢！

我的单位列表如下：

return (
      <View style={styles.background}>
        <FlatList
          data={this.state.dataSource}
          keyExtractor={this._keyExtractor}
          inverted={true}
          renderItem={({ item }) => (

            <Card>
              <CardItem>
                <View style={styles.container}>
                  <Image style={styles.profilepic}
                    source={{
                      uri: item.links.mission_patch
                      // from API docs 
                    }}
                  />
                </View>
                <View style={styles.userinfo}>
                  <Text style={styles.content}>
                    Flight Number: {item.flight_number}
                    Mission Name: {item.mission_name}
                    {item.details}
                  </Text>
                </View>
              </CardItem>
            </Card>
          )}
        />
      </View>
    );
  }
}

Answer 1

您可以这样尝试Array.reverse()：

<FlatList
  data={this.state.dataSource.reverse()}
//

以相反的顺序从API加载项目

1 个答案: