使用 FlatList inverted 时可以从 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 在底部。我希望它从顶部开始。

使用 FlatList 的 inverted 选项数据小的时候可以从顶部渲染吗？

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解决了。在 inverted 状态下使用 flexGrow: 1 和 justifyContent: 'flex-end' 的全屏似乎在数据较小时从顶部开始。

使用 FlatList inverted 时可以从 Top 渲染吗？

Can I render from Top when using FlatList inverted?

react-native

react-native-flatlist