繁体   English   中英

我如何在 useEffect React Native 中使用 scrollToOffset?

[英]how can i use scrollToOffset in useEffect React native?

我想要做的是,当第一次渲染时,我想向下滚动尽可能多的偏移值(即 493),就像使用 useEffect 和 scrollToOffset

但是如果我使用我的代码,它在第一次渲染时不起作用,但是当从第二次渲染时它起作用......我如何在第一次渲染时运行?

我应该修复什么代码?

这是我的代码

    const TodoList = ({replycomment}) => {

      const height = Dimensions.get('window').height;
      const flatListRef = useRef()
      
    useEffect(() => {
      const node = flatListRef.current;
        node.scrollToOffset({ offset: 493, animated: true });
    },[]);

      return (
        
        <FlatList
        ref={flatListRef}
          style={{height}}
          renderItem={({item}) => (
            <TodoItem
            onPress={() => {
              const node = flatListRef.current;
              if (node) {
                node.scrollToOffset({ offset: height, animated: true });
              }
            }}
            />
      
        

尝试延迟时间,例如

useEffect(() => {
  setTimeOut(() => {
      const node = flatListRef.current;
      node.scrollToOffset({ offset: 493, animated: true });
  },400);
},[]);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM