pichillilorenzo / flutter_inappwebview_examples

A collection of flutter_inappwebview project examples

Hi 👋, I'm Lorenzo Pichilli

A Heroku Architecture Designer and a Software Engineer mostly focused on Web (Full Stack) and Mobile Development. JavaScript, TypeScript & Flutter enthusiast 💙.

• 🔭 I’m currently working on flutter_inappwebview

• 📝 I regularly write articles on https://medium.com/@pichillilorenzo

• 💬 Ask me about JavaScript and Flutter

• 📫 How to reach me [email protected]

Latest Blog posts

• Convert a PWA Into a Flutter App Using WebViews
• Injecting JavaScript in Flutter Web View With User Scripts
• WebView Content Blockers — Flutter InAppWebView 6
• Flutter InAppWebView 6

Connect with me:

 

Support me and my projects

flutter_inappwebview_examples's Issues

Can flutter-inappwebview run a hardened javascript SES environment ?

a lot of browser and browser extensions are using Endo SES - https://github.com/endojs/endo/tree/master/packages/ses - to run hardened javascript in isolated environments.
is it possible to force a tab to operate in SES ? and have the other tabs work normally ?

Already logged in google accounts are not visible when user agent is changed

• I have read the Getting Started section
• I have already searched for the same problem

Environment

Technology	Version
Project Example Name	third_party_oauth_user_sign_in
Flutter version	3.3.8
Plugin version	5.7.2
Android version
iOS version
macOS version
Xcode version

Device information: Simulator, Pixel 5 API 30

Description

Expected behavior: When the user is taken to the google login page, already logged-in profiles for the user should be visible

Current behavior: The user is asked to enter their email and password even though they have logged in profiles

How to download txt files？

Can't download txt files. To be treated as a web page.

Web Notification not working with service worker.

• I have read the Getting Started section
• I have already searched for the same problem

Environment

Technology	Version
Project Example Name
Flutter version	3.3.3
Plugin version	6.0.21
Android version
iOS version
macOS version
Xcode version

Device information:

Description

Expected behavior:

 _controller.addJavaScriptHandler(
                  handlerName: 'Notification.show',
                  callback: (arguments) {
                    if (_controller != null) {
                      final notification =
                          WebNotification.fromJson(arguments[0], _controller);
                      onShowNotification(notification);
                    }
                  },
                );

// call notification with service worker
navigator.serviceWorker.register('service-worker.js');
  Notification.requestPermission(function(result) {

    if (result === 'granted') {
              console.log(result + 'slsl');
      navigator.serviceWorker.ready.then(function(registration) {
        registration.showNotification('Notification with ServiceWorker');
      });
    }
  });

Current behavior:
'Notification.show' not being called

Steps to reproduce

1. This
2. Than that
3. Then

Images

Stacktrace/Logcat

file_download not working on Android 14

• I have read the Getting Started section
• I have already searched for the same problem

Environment

Technology	Version
Project Example Name
Flutter version
Plugin version
Android version
iOS version
macOS version
Xcode version

Device information:

Description

Expected behavior:

Current behavior:

Steps to reproduce

1. This
2. Than that
3. Then

Images

Stacktrace/Logcat

[ ios only ] flutter: Failed to open downloaded file. Reason: not found task corresponding to given task id

• I have read the Getting Started section
• I have already searched for the same problem

Environment

Technology	Version
Project Example Name
Flutter version	3.3.10
Plugin version	6.0.0-beta.22
Android version
iOS version	12.4 & 16.2 simulator
macOS version	12.6.2
Xcode version	14.2

Device information: ios simulator 12.4 & 16.2

Description

Expected behavior:

I am trying to implement the download feature using flutter_downloader 1.10.1 for my flutter inappwebview app. I referred the [inappwebview download example] & flutter_downloader official github example. After many trial & errors, finally my flutter webview app can download any file.

For opening the downloaded files automatically after the download completed, i wrote a code mentioned below (See the full code of myWebViewWidget.dart to understand the below code's usage)

Future.delayed(Duration(seconds: 3), () { FlutterDownloader.open(taskId: taskId); });

Current behavior:

However the downloaded files are opening only on the android phones.( tested on physical phones android 6, 10,11). But on the ios simulators (ios 12.4 , ios 16.2 ) downloaded files are not opening and giving an error message on console regarding the "opening of downloaded file".

flutter: Failed to open downloaded file. Reason: not found task corresponding to given task id

refer the gist file of ios 12.4 & gist file of ios 16.2 for full console messages regarding the opening of downloaded file.

refer the attached images of Error screenshots

1. ios 12.4
2. ios 16.2

More than that when i open the downloaded file through the ios simulator in-built "Files" app

on ios 12.4 , it's says an error that "The file doesn't exists". Refer the screenshot of error
on ios 16.2 , it's openable & also copy,move,share also possible.

Steps to reproduce

refer my full codes at gist.

Examples needs to be updated

• The method 'setWebContentsDebuggingEnabled' isn't defined for the type 'InAppWebViewController'.
  Try correcting the name to the name of an existing method, or defining a method named 'setWebContentsDebuggingEnabled'.
• The method 'setSettings' isn't defined for the type 'InAppWebViewController'.
  Try correcting the name to the name of an existing method, or defining a method named 'setSettings'.
• The method 'InAppWebViewSettings' isn't defined for the type '_MyAppState'.
  Try correcting the name to the name of an existing method, or defining a method named 'InAppWebViewSettings'.

file_download not working on android 13

hi all

we test the example app for file_download on android 13, but if we press on "Download file 1" oder 2 they don't download anything. If we check the hasStoragePermission variable, this is set to false. Any ideas why?

Third Party login

Hi I am using the same example for my scenario below is the code: ``handleClick() async {
final defaultUserAgent = await InAppWebViewController.getDefaultUserAgent();
if (kDebugMode) {
print("Default User Agent: $defaultUserAgent");
}

String? newUserAgent;
if (Platform.operatingSystem.toUpperCase() == "ANDROID") {
  newUserAgent = defaultUserAgent.replaceFirst("; wv)", ")");
} else {
  newUserAgent = "$defaultUserAgent Safari/604.1";
}

if (kDebugMode) {
  print("New User Agent: $newUserAgent");
}
await webViewController?.setSettings(
    settings: InAppWebViewSettings(userAgent: newUserAgent));
await goHome();

}
onLoadStart: (controller, url) async {
if (url.toString().startsWith(
"https://accounts.google.com/o/oauth2/v2/")) {
print("=>in if block of google auth");
handleClick();
print("=>handleClick");
}
},

``

After clicking on google login I get blank screen. As the normal behavior on the web is that after login it goes to the accounts information page. Let me know if I am doing something wrong or if there is any modification that I can do to achieve normal behavior. Looking for a quick respinse

Multi tab...App crashes when creating 20+ tabs

• I have read the Getting Started section
• I have already searched for the same problem

Environment

Technology	Version
Project Example Name
Flutter version	3.3.3
Plugin version	beta...6.0.21
Android version	11
iOS version
macOS version
Xcode version

Device information: google emulator

Description

Expected behavior:
App should create tabs as normal without lagging or crashing
Current behavior:
App lags then crash when creating a lot of tabs

Steps to reproduce

1. This
2. Than that
3. Then

Images

Stacktrace/Logcat