react-native - 使用 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当数据很小时，状态似乎从顶部开始。