如何在 React Native 中滚动到末尾时将按钮保留在平面列表的底部？

Question

const Screen = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.heading}>Screen Data</Text>
      <View>
        <FlatList
          data={data}
          renderItem={({item}) => (
            <View>
              <Text style={styles.title}>{item.title}</Text>
              <Text style={styles.description}>{item.description}</Text>
            </View>
          )}
          ListFooterComponent={() => <Buttons text={''} onPress={undefined} />}
        />
      </View>
    </View>
  );
};
export default Screen;

我创建了一个 Button 组件，它始终位于可滚动的平面列表的末尾，但它会重叠，我希望它保留在内容的末尾。

Answer 1

列表页脚组件是因为它可以是任何组件，请查看文档https://reactnative.dev/docs/flatlist#listfootercomponent 。