Flutter Horizo​​ntal ListView - 如何“跳转”选定的索引

Posted

技术标签:

【中文标题】Flutter Horizo​​ntal ListView - 如何“跳转”选定的索引【英文标题】:Flutter Horizontal ListView-- how to 'jumpTo' selected Index 【发布时间】:2021-07-22 01:00:44 【问题描述】:

我有 ListView.builder 与水平滚动(自定义顶部导航栏)。当我左右滚动时,“selectedIndex”正在发生变化,但这个小部件内的 UI 没有显示这种位置变化。我想在滑动时“跳转到”选定的索引。

这是我的 ListView 当前更新其索引的方式:

    void onChanged(int index) 
        pageController.jumpToPage(index);
        setState(() 
          this.selectedIndex = index;
        );
      

我怎样才能做到这一点?任何指导都意义重大。

谢谢,A.V.

【问题讨论】:

【参考方案1】:

可以通过item的宽高计算选中item的偏移量,然后使用

 _gridViewController.jumpTo(calculatedOffset);

【讨论】:

以上是关于Flutter Horizo​​ntal ListView - 如何“跳转”选定的索引的主要内容,如果未能解决你的问题,请参考以下文章

React Native中带有粘性标题的Sectionlist Horizo​​ntal?

难以使用外部指标配置 Horizo​​ntal Pod Autoscaler

NestedScrollView 和 Horizo​​ntal RecyclerView 平滑滚动

css Horizo​​ntal-Center / Centra horizo​​ntalmente cualquier elemento(el padre debe tenerunaposici&#

在屏幕顶部使用 .horizo​​ntal ScrollArea?

collectionView 中的 Horizo​​ntal ScrollView 功能松散