我如何使用 'ref' 中的两个在 react-native 环境中向上滚动

Question

我正在使用 React Native 制作应用程序。

目前，我们正在通过底部选项卡实现导航。

底部选项卡 → 堆叠 → 屏幕构成很简单。

即使滚动条位于底部，单击底部选项卡图标也会将滚动条提升到顶部

我正在使用 useScrollToTop(ref)。这个功能很好用。

在对应函数的同时，我想实现一个当scroll位于底部时将scroll提升到顶部的功能，方法是在每个点的右下角做一个^（箭头图）屏幕.

但是，作为 google 的结果，它主要是一种使用 ref 的方法。

每个屏幕都使用一个FlatList，ref={ref}已经在FlatList中赋值了。

在这里，我正在尝试应用 Google 搜索结果，所以我不知道该怎么做。

如果您知道其他方法，请告诉我

Answer 1

我只是想根据您所说的“并且 ref={ref} 已在 FlatList 中分配”这部分更清楚地说明：每个 class 组件都可以有自己的 ref（ ref ={ref}，= 符号后的 ref 可以很容易地命名为 flatListRef 以便更清楚地理解，然后 ref={flatListRef})。话虽这么说，你可以有一个按下箭头 (^) 的功能，它使用 flatListRef 滚动到顶部。像这样：

 const scrollToTop = () => {
    this.flatListRef.scrollToOffset({ animated: true, offset: 0 });
 }

我如何使用 'ref' 中的两个在 react-native 环境中向上滚动

How can I use two of 'ref' for scroll up in react-native environment

scroll

ref

react-native

react-navigation