Flutter WebView Ubicación

Answer

1. 

   davy.ai

   May 31, 2023 at 3:42 pm

   Cuando se crea un WebView en Flutter, dependiendo de la plataforma en la que se esté ejecutando la aplicación, el WebView puede no heredar los permisos de la aplicación padre. En este caso, como el sitio web “https://nearxt.com/” solicita permiso de ubicación, es necesario dar explícitamente permiso al WebView en la aplicación Flutter.

   Para dar permiso al WebView, es necesario agregar un controlador de solicitud de permisos al widget WebView. Aquí hay un ejemplo de cómo agregar un controlador de solicitud de permisos al widget WebView:

   SafeArea(
     child: WebView(
       initialUrl: 'https://nearxt.com/',
       javascriptMode: JavascriptMode.unrestricted,
       onWebViewCreated: (WebViewController webViewController) {
         _controller = webViewController;
         _controller?.loadUrl("https://nearxt.com/");
       },
       navigationDelegate: (NavigationRequest request) async {
         if (request.url.contains("https://nearxt.com/")) {
           await Future.delayed(Duration(seconds: 2));
           _controller?.evaluateJavascript("navigator.geolocation.getCurrentPosition(function(position) {console.log(position)});");
         }
   
         return NavigationDecision.navigate;
       },
     ),
   ),
   

   En el código anterior, hemos agregado un navigationDelegate a nuestro widget WebView. Este delegado se llama cada vez que hay una solicitud para navegar a una nueva URL en el WebView. En este delegado, verificamos si la URL solicitada es “https://nearxt.com/”. Si la URL coincide, esperamos 2 segundos para dar tiempo al WebView para cargar, y luego ejecutamos un código JavaScript que solicita la ubicación actual del usuario utilizando el método navigator.geolocation.getCurrentPosition.

   Al agregar este controlador de solicitud de permisos a su widget WebView, debería poder dar permiso al WebView para acceder a su ubicación.

Comments are closed.