【问题标题】:FlatList - How to go automatically to the topFlatList - 如何自动到顶部
【发布时间】:2021-09-11 21:23:23
【问题描述】:

我正在使用 React Native (Expo)。

我能做什么:

  • 每当一个用户在屏幕中输入相应的平面列表时,都会自动转到该列表的顶部。

现在,例如,如果用户在更改屏幕时转到该列表的底部并返回到该列表,他仍然在底部。

有什么建议吗?

【问题讨论】:

标签: javascript react-native expo react-native-flatlist


【解决方案1】:

您可以在屏幕上添加event listener,然后像这样调用scrollToTop

useEffect(() => {
  const unsubscribe = navigation.addListener('focus', () => {
    flatListRef.current.scrollToOffset({ animated: true, offset: 0 });
  });

  return unsubscribe;
}, [navigation]);

【讨论】:

  • 组件异常:null 不是对象(正在评估'flatListRef.current.scrollToOffset')
  • 创建一个 ref 变量并在 Flatlist 中使用它
  • 它与 flatlist 一起使用,但现在使用 scrollView 它不起作用,你知道为什么吗?
  • 对于ScrollView,看看this
猜你喜欢
  • 2018-10-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-05
相关资源
最近更新 更多