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
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.
android 
google-chrome webview dart 
flutter asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
add a comment |
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
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.
android google-chrome webview dart flutter asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
that is not a webview, that's calledChrome Custom Tabs
– Vladyslav Matviienko
Nov 23 '18 at 10:39
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40
add a comment |
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
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.
android google-chrome webview dart flutter asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
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
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.
android google-chrome webview dart flutter android google-chrome webview dart flutter asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
asked Nov 23 '18 at 10:32
PrakashKingPrakashKing
407
407
that is not a webview, that's calledChrome Custom Tabs
– Vladyslav Matviienko
Nov 23 '18 at 10:39
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40
add a comment |
that is not a webview, that's calledChrome Custom Tabs
– Vladyslav Matviienko
Nov 23 '18 at 10:39
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40
that is not a webview, that's called
Chrome Custom Tabs– Vladyslav Matviienko
Nov 23 '18 at 10:39
that is not a webview, that's called
Chrome Custom Tabs– Vladyslav Matviienko
Nov 23 '18 at 10:39
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40
add a comment |
1 Answer
1
active
oldest
votes
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.
answered Nov 23 '18 at 14:16
01leo01leo
388113
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53445003%2fhow-to-get-chrome-powered-webview-in-flutter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
answered Nov 23 '18 at 14:16
01leo01leo
388113
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
add a comment |
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.
answered Nov 23 '18 at 14:16
01leo01leo
388113
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
add a comment |
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.
answered Nov 23 '18 at 14:16
01leo01leo
388113
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.
answered Nov 23 '18 at 14:16
01leo01leo
388113
answered Nov 23 '18 at 14:16
01leo01leo
388113
answered Nov 23 '18 at 14:16
01leo01leo
388113
answered Nov 23 '18 at 14:16
01leo01leo
388113
388113
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
add a comment |
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
thanks a ton! vote my question :) to increase my reptition
– PrakashKing
Nov 24 '18 at 4:04
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53445003%2fhow-to-get-chrome-powered-webview-in-flutter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
that is not a webview, that's called
Chrome Custom Tabs– Vladyslav Matviienko
Nov 23 '18 at 10:39
yes thats , how to get it on flutter? vote my question :)
– PrakashKing
Nov 23 '18 at 13:40