Flutter Web：如何链接到网页上的特定行或段落

Posted 2023-02-23

【中文标题】Flutter Web：如何链接到网页上的特定行或段落

【英文标题】：Flutter Web : How to Link to a Specific Line or Paragraph on a Web Page

【发布时间】：2020-10-22 07:14:30

【问题描述】：

如何在 Flutter web.xml 中引用页面的特定部分（段落或选项卡）。在传统的 web url 中，这可以通过将 div 锚定为带有 # 的引用来实现。例如在链接 https://cloud.google.com/customers/featured/paypal#take-the-next-step 中，链接直接指向标记为 take-the-next-step

的 div

有没有办法在 Flutter Web 中做到这一点？

【参考方案1】：

您可以获取当前 URL 并解析它以获取 URL 末尾的参数。您可以使用以下代码获取当前 URL：

import 'dart:html';

var url = window.location.href;

使用您已解析的参数，您可以使用ScrollController（或您用于更改页面位置的任何方法）将页面上的位置更改为屏幕上所需的位置。

【讨论】：

点击不同的引用时如何更新 url？

您可以使用window.location.href = "http://***.com"; 设置当前URL。为什么需要在点击时更新 url？这应该能够在 Flutter 中处理，无需 URL 的任何帮助。