React-Native 对 FlatList 的引用不起作用

Question

我尝试在 React Native 应用程序中始终滚动到平面列表的底部，但不幸的是我没有得到对平面列表的引用。

            <View style={styles.viewPointOverview}>
                <Text > Point overview: </Text>
                <FlatList
                    ref={(ref) => this.flatList = ref}
                    data={pointRecord}
                    renderItem={({ item }) => <Text>{item}</Text>}
                />
            </View>

在渲染函数中，我尝试调用方法scrollToEnd()

this.flatList.scrollToEnd();

我在平面列表中尝试了

ref = {"flatlist"}

或

ref = "flatlist"

但是它们都不起作用我总是收到错误:类型错误:无法读取未定义的属性“scrollToEnd”。

您可以在这里找到完整的代码:https://github.com/AlessandroVol23/Counter10000/blob/master/app/screens/PlayScreen.js

Answer 1

您必须使用引用，因此它将是 this.refs.flatlist.scrollToEnd()

您还可以添加动画可选参数:

  this.refs.flatlist.scrollToEnd({animated: true });

对于声明，我个人是这样做的:

ref='flatlist'

然后，您必须使用此技巧使用此函数调用该方法(不在没有引用的渲染中，因为它将在第一次完整渲染后首先声明):

React Native ListView scrollToEnd it doesn't work