AutoscrollToIndexFlatList在长列表中不起作用
创始人
2024-11-12 15:00:36
0

使用scrollToEnd方法来滚动到列表底部,同时使用setTimeout来延迟滚动,以便在FlatList成功渲染所有项之后再滚动到指定索引处。代码示例:

import { FlatList } from 'react-native';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.flatListRef = React.createRef();
  }

  componentDidMount() {
    setTimeout(() => {
      this.flatListRef.current.scrollToEnd({ animated: false });
      this.flatListRef.current.scrollToIndex({
        index: 5,
        animated: true,
        viewPosition: 0.5,
      });
    }, 100);
  }

  renderItem = ({ item }) => {
    return {item};
  };

  render() {
    const { data } = this.props;
    return (
       index.toString()}
      />
    );
  }
}

相关内容

热门资讯

黑科技脚本(WepoKe)黑科... 黑科技脚本(WepoKe)黑科技透明挂辅助app(透视)安装教程(切实是真的有挂)1、WepoKe系...
黑科技模拟器!(微扑克)透视辅... 黑科技模拟器!(微扑克)透视辅助器,(微扑克)确实真的有挂,玩家教程(有挂方法)这是由厦门游乐互动科...
黑科技苹果版(wePOke)黑... 黑科技苹果版(wePOke)黑科技透明挂辅助教程(透视)辅助教程(好像是有挂)所有人都在同一条线上,...
黑科技真的!(微扑克)透视辅助... 1、黑科技真的!(微扑克)透视辅助器,(微扑克wpk)一向是真的有挂,黑科技教程(有挂透明)。2、微...
黑科技中牌率(微扑克)外挂透视... 黑科技中牌率(微扑克)外挂透视辅助教程(透视)实用技巧(竟然真的是有挂);1、上手简单,内置详细流程...
黑科技app!(WePoke)... 黑科技app!(WePoke)软件透明挂,(WepoKe)本然有挂,大神讲解(有挂技巧);支持多人共...
黑科技线上(微扑克数据)外挂透... 黑科技线上(微扑克数据)外挂透视辅助下载(透视)系统教程(果然存在有挂)1、微扑克数据透视辅助简单,...
黑科技好友!(AAPOKer)... 黑科技好友!(AAPOKer)透明挂辅助脚本,(aa扑克)本来真的是有挂,解密教程(有挂辅助);1分...
黑科技脚本(WEPOke)黑科... 黑科技脚本(WEPOke)黑科技透明挂辅助软件(透视)微扑克教程(竟然是真的有挂)1、不需要AI权限...
黑科技透明挂!(wepOkE)... 黑科技透明挂!(wepOkE)软件透明挂,(wEpOke)切实是有挂,教你攻略(有挂辅助)1、点击下...