Flutter中如何在单页Web应用中实现导航？

Question

我在 Flutter 中创建了一个有点复杂的 UI 单页 Web 应用程序。 作为最后一篇我正在努力实现导航的文章，所有可在线找到的示例都集中在多页用例上。

AppBar(
 Row(
   children: [
     Button("Gallery"),
     Button("Faq"),
    Button("Contact"), #after clicking this button
   ]
  ),
),
SingleChildScrollView(
  child: Column( 
    children: [
      GallerySection(...),
      FaqSection(...), 
      ContactSection(...), #scroll to this section/container
    ]
  ),
);

这个想法是实现导航，在按下一个 appBar 按钮后，用户将滚动到请求的部分。 我不太关心它可以保留www.flutter-single-page.com/#但具有后退导航的 url 格式 :-)，但可选。

你知道如何做到这一点吗？

Answer 1

您可以使用滚动控制器通过 ensureVisible 方法滚动到小部件。然后，您只需为每个部分分配一个键并调用 ensureVisible 进行导航。

以this answer为例