使用 FlatList 倒置时，我可以从 Top 渲染吗？

Question

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
       <FlatList
          inverted
          data={[{key: 'a'}, {key: 'b'}]}
          renderItem={({item}) => <Text>{item.key}</Text>}
        />
        <Text>123</Text>
      </View>
    );
  }
}

使用inverted FlatList将在数据较小时从下到上呈现项目。

当我运行我的世博会小吃 a 和 b 在底部。我希望这从顶部开始。

使用 当数据较小时能否从顶部渲染inverted选项FlatList？

https://snack.expo.io/r1eZBINGH

inverted如果在顶部呈现并且滚动可以从底部开始，则删除它无关紧要。有解决方法吗？

Answer 1

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
       <FlatList
          inverted
          data={[{key: 'a'}, {key: 'b'}]}
          contentContainerStyle={{
            flexGrow: 1, justifyContent: 'flex-end',
          }}
          renderItem={({item}) => <Text>{item.key}</Text>}
        />
        <Text>123</Text>
      </View>
    );
  }
}

我通过设置解决了它contentContainerStyle。当数据很小时flexGrow: 1，justifyContent: 'flex-end'在 和inverted状态下使用全屏似乎从顶部开始。