Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to get Chrome Powered webview in flutter?

I've recently noticed that when a link is opened in some of few Android apps, they have this similar look and feel and the custom action menus with the "Powered by Chrome" below the custom menu. What component is used in this or is it still the Chromium WebView? Hopefully I'm looking to add them to my next projects which involve opening link inside an app. to Achieve like Desktop View in Flutter.

plaform: andriod webview: chrome powered webview with custom options framework: flutter

LinkedIn App

Linkedin webview

GMail App

gmail app

my flutter doctor:

[√] Flutter (Channel beta, v0.11.9, on Microsoft Windows [Version 
10.0.17134.407], locale en-IN)
[√] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code (version 1.29.1)
[√] VS Code, 64-bit edition (version 1.26.1)
[!] Connected device
! No devices available

my github issue: click here

thanks in advance.

like image 442
PrakashKing Avatar asked Nov 23 '18 10:11

PrakashKing


People also ask

How do I open WebView in Chrome?

# Open a WebView in DevToolsThe chrome://inspect page displays a list of debug-enabled WebViews on your device. To start debugging, click inspect below the WebView you want to debug. Use DevTools as you would for a remote browser tab.


1 Answers

You can use this package:

https://pub.dartlang.org/packages/flutter_custom_tabs

But note that this behaviour only works on Android, on iOS a Safari webview will be used.

like image 181
leodriesch Avatar answered Oct 21 '22 09:10

leodriesch