Hi, I was testing out your example and it worked totally fine but when I tried to modify the JS script inside the html file I encountered this problem when I try to send back to flutter the modified data. Do you know why happens this or any way to solve it? I tried also declaring global variables and storing the 'text' variable inside but nothing, still sends null.

Perhaps the stateChanged WebViewState.didFinish event has something to do?

Thank you!

index.html

<script>
    const nativeCommunicator = typeof webkit !== 'undefined' ? webkit.messageHandlers.native : window.native;
    function test(text) {
      var s = text + "123";
      console.log(s);
      nativeCommunicator.postMessage(JSON.stringify(s));
      //nativeCommunicator.postMessage(s);
    }
</script>

Output

I/flutter ( 9409): stateChanged WebViewState.didStart http://bilutv.net/
I/flutter ( 9409): stateChanged WebViewState.didFinish http://bilutv.net/
I/chromium( 9409): [INFO:CONSOLE(11)] "Hello from Native!!!123", source: http://bilutv.net/ (11)
I/flutter ( 9409): null             <--- THAT nativeCommunicator.postMessage

This is really useful for running differnt background code. Can you make a genric example showing messages flowing back and forth. Please include the html and javascript in the example.

I'm using an interactive webview to run a javascript library in the background of my flutter app. On android this long running library works just great, but on iOS it seems that the webview stops running, and stops being able to respond to evalJavascript. Are there different "rules" on iOS compared to Android when it comes to webviews in the background?

My code is here if you are interested: https://pastebin.com/evfJ21Qs

Messages from the Javascript to Webview( Flutter ) are not received. I have tried sending events like:

window.postMessage('data');
postMessage('data');

I am expecting them to be received in the below callback:

jsWebview.didReceiveMessage.listen((message) {
      print(message.data);
    });

However, it is never received on the flutter end. Although, the communication from the flutter to javascript works.

FAILURE: Build failed with an exception.

* What went wrong:
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.0 and higher.
The following dependencies do not satisfy the required version:
project ':interactive_webview' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.2.71

I/chromium( 3269): [INFO:CONSOLE(1)] "Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Storage is disabled inside 'data:' URLs." How can i fix it?

Hi, I'm using a JS API and I'm wondering if I can use a single .js file from the 'asset' folder wit all my functions instead of the index.html file. Or at least be able to import a js file from the assets folder inside the index.html.

Thank you and nice work! 😉

Hi. I have a html file that creates a new instance of the deepstream.io client library with the endpoint of a secure web socket connection as its argument. While this is running without any problem on Android, iOS does not connect. Can you confirm that wss is supposed to work for iOS in this plugin ? If this is expected behavior, is there a way to enable wss inside the interactive webview ? Thank you !

When I try to run on IOS I get this error

    [!] Unable to determine Swift version for the following pods:

    - `interactive_webview` does not specify a Swift version and none of the targets (`Runner`) integrating it have the `SWIFT_VERSION` attribute set. Please contact the
    author or set the `SWIFT_VERSION` attribute in at least one of the targets that integrate this pod.

    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/installer/xcode/target_validator.rb:122:in `verify_swift_pods_swift_version'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/installer/xcode/target_validator.rb:37:in `validate!'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/installer.rb:578:in `validate_targets'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/installer.rb:158:in `install!'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/command/install.rb:51:in `run'
    /Library/Ruby/Gems/2.3.0/gems/claide-1.0.2/lib/claide/command.rb:334:in `run'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/lib/cocoapods/command.rb:52:in `run'
    /Library/Ruby/Gems/2.3.0/gems/cocoapods-1.7.1/bin/pod:55:in `<top (required)>'
    /usr/local/bin/pod:22:in `load'

Currently the native code is not returning a future to flutter. If you call await loadUrl, the await never gets resolved. This simple fix will properly return from native code.

Hello, first of all, I initially used it on Android, which really surprised me. Then I want to ask a question, how to reference another JS file in one JS

it cant work for me. `import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_webview_plugin/flutter_webview_plugin.dart'; import 'package:interactive_webview/interactive_webview.dart';

const String url = 'http://192.168.1.3:3000';

void main() { runApp(MyApp()); }

class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the theme of your application. // // Try running your application with "flutter run". You'll see the // application has a blue toolbar. Then, without quitting the app, try // changing the primarySwatch below to Colors.green and then invoke // "hot reload" (press "r" in the console where you ran "flutter run", // or simply save your changes to "hot reload" in a Flutter IDE). // Notice that the counter didn't reset back to zero; the application // is not restarted. primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } }

class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key);

// This widget is the home page of your application. It is stateful, meaning // that it has a State object (defined below) that contains fields that affect // how it looks.

// This class is the configuration for the state. It holds the values (in this // case the title) provided by the parent (in this case the App widget) and // used by the build method of the State. Fields in a Widget subclass are // always marked "final".

final String title;

@override _MyHomePageState createState() => _MyHomePageState(); }

class _MyHomePageState extends State { final _webView = new InteractiveWebView();

@override void initState() { super.initState(); init(); }

init() async { _webView.stateChanged.listen((state) { print('------------------------'); print(state); }); _webView.didReceiveMessage.listen((message) { print('-----------------------'); print(message.data.toString()); }); _webView.loadUrl(url); }

@override Widget build(BuildContext context) { return Scaffold( body: Padding( padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top), child: Column( children: [ Row( children: [ RaisedButton( onPressed: () async {}, child: Text('back'), ), ], ), Expanded( child: WebviewScaffold( url: url, clearCache: true, )) ], ), ), ); } } `

Xcode Version 10.1

The “Swift Language Version” (SWIFT_VERSION) build setting must be set to a supported value for targets which use Swift. Supported values are: 3.0, 4.0, 4.2. This setting can be set in the build settings editor.