it is not work !

js code:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>

<body>
	<div id="time"></div>
	<div id="message"></div>
	
	<input id="dd" style="width:160px;" placeholder="please input context to flutter"></input><br/><br/>
	<button id="button" style="background-color:#158461;height:30px;">send to flutter</button>
	
</body>

<script>

	 function sendData(data) {
	window.postMessage(data, '*');
	}
  window.onload = function () {
	  
	    document.getElementById('button').onclick = function () {
	      sendData(document.getElementById('dd').value);
	    }
	  }
</script>
</html>

flutter code:

import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

class WebviewDemo extends StatefulWidget{
  @override
  _WebviewDemoState createState() =>_WebviewDemoState();

}

class _WebviewDemoState extends State<WebviewDemo>{
  final flutterWebviewPlugin = new FlutterWebviewPlugin();


  @override
  void initState() {
    super.initState();
    flutterWebviewPlugin.close();
    flutterWebviewPlugin.lightningLinkStream.listen((message){
      print(message);
    });

  }


  @override
  void dispose() {
    flutterWebviewPlugin.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return WebviewScaffold(url: 'http://192.168.3.100:8080/index7.html');
  }

}

how to send message from javacript to flutter? #309

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions