如何使用 flutter_webview 插件在 Flutter 中启用位置？

Posted 2023-02-23

【中文标题】如何使用 flutter_webview 插件在 Flutter 中启用位置？

【英文标题】：How to enable Location in Flutter with flutter_webview plugin?

【发布时间】：2021-01-10 19:06:27

【问题描述】：

我目前正在为一个项目使用flutter_webview 插件。在其中一个页面中，我需要获取用户位置信息来计算距离。网页上有运行 javascript 来获取位置。

这是我的示例代码。

WebView(
  key: _key,
  initialUrl: "https://www.w3schools.com/html/html5_geolocation.asp",
  javascriptMode: JavascriptMode.unrestricted,
  onPageFinished: (_) 
    setState(() 
      _isLoading = false;
    );
  ,
),

如果我在 chrome 上打开同一页面，它会要求位置权限。我想实现类似的东西。

我尝试使用 androidManifest 文件的权限，但无法使其工作。

【参考方案1】：

你必须使用flutter_webview_plugin，有一个地理定位属性你可以启用它。 检查此代码

 Widget build(BuildContext context)  
return WebviewScaffold( 
  url: url, 
  withZoom: true, 
  hidden: true, 
  geolocationEnabled: true,
);