Is it possible to call native function in html, just like Android's JavascriptInterface and JsBridge

[YouCii]

There are many onClick events in html that require native responses.

Is it possible to implement that?

[pichillilorenzo]

Yes, sure!

[YouCii]

That is great, haha

[pichillilorenzo]

Feature added now on the new version 1.1.0.
Inside an html file, you may want use this:

<script>
        // you need to wait and listen the JavaScript event flutterInAppBrowserPlatformReady
        window.addEventListener("flutterInAppBrowserPlatformReady", function(event) {
            console.log("ready");
            // then you can call the window.flutter_inappbrowser.callHandler() method.
            // callHandler() returns a Promise that you can use to get data from Dart side.
            window.flutter_inappbrowser.callHandler('handlerFoo').then(function(result) {
                console.log(result, typeof result);
                console.log(JSON.stringify(result), result.bar);
            });

            window.flutter_inappbrowser.callHandler('handlerFooWithArgs', 1, true, ['bar', 5], {foo: 'baz'}).then(function(result) {
                console.log(result, typeof result);
                console.log(JSON.stringify(result));
            });
        });
</script>

Instead, on the onLoadStop Dart event, you can use callHandler directly:

// Inject JavaScript that will receive data back from Flutter
webView.injectScriptCode("""
  window.flutter_inappbrowser.callHandler('test', 'Text from Javascript').then(function(result) {
    console.log(result);
  });
""");

[YouCii]

Yes, This is a good way to call the Dart method. Thanks for informing this new feature.

And how about Dart calls the JS method?
As the #62 shows, i still have same problem when i use webViewController.addJavaScriptHandler(HANDLER_NAME, callback), and i don't know how to handle it.

Has this problem been solved in the new version?

[YouCii]

Happy news! Happy news!

I successfully got the response from JS using the code you provided, even though it still report the error log.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug and a minimal reproduction of the issue.