Flutter页面跳转——锚点效果实现

问题描述

单击一个按钮以触发内容区域的导航转移，并与HTML中的锚点标签类似。在HTML中这种效果无需手动计算元素高度因此，在Flutter实现时遵循的主要原则是避免手动计算组件的高度。

解决方法

一. 第三方插件

1. indexed_list_view

该组件需要初始化一个controller实例，并通过调用该controller中的方法来完成特定功能。具体来说，在页面加载时会根据当前页面的索引值触发跳转至同一页面内的某个条目。
缺点是没有支持的sinkap属性，在实际布局时需要注意这一点可能会带来一些不便。同样，在其GitHub社区中也存在多起相关 Feature Request 。
此外，在实现跳转操作时，请确保所有的锚点都位于同一个页面内。

2. scrollable_positioned_list

用法同上，缺点也同上。

二. 笔者采用的方法

1. 思路

为所有需要锚定的代码段创建对应的SingleBlock实例，