반응형
250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
관리 메뉴

폴크(FOLC)

Android - web연동 ( Message to Web ) 본문

Flutter, Android/Flutter 사용법

Android - web연동 ( Message to Web )

folcjin 2021. 8. 28. 23:30
728x90
반응형

# webview_flutter 이용
   > web 서버와 message 를 주고 받는다.

 

# 소스 코드
   > import 'package:webview_flutter/webview_flutter.dart';
   >
   > WebViewController _webviewcontroller;
   >
   > WebView(initialUrl: 'http://-----.--.--',
   >    javascriptMode: JavascriptMode.unrestricted,
   >    onWebViewCreated: (WebViewController webViewController) { _webviewcontroller = webViewController; },
   >    javascriptChannels: <JavascriptChannel>{ _toasterJavascriptChannel(context) },
   > );

 # web 에서 메시지 수신
   > JavascriptChannel _toasterJavascriptChannel(BuildContext context)
   > {
   >    return JavascriptChannel(
   >       name: 'xxxxxxx',
   >       onMessageReceived: (JavascriptMessage message){
   >       Scaffold.of(context).showSnackBar(SnackBar(content: Text(message.message)));
   > );

# web 으로 메시지 전송
   > void SendMessageToWebPage(String message) async
   > {

   >    await _webviewcontroller.evaluateJavascript(message);
   > }

728x90
반응형
사업자 정보 표시
사업자 등록번호 : -- | TEL : --

'Flutter, Android > Flutter 사용법' 카테고리의 다른 글

Android - version 변경 및 관리  (0) 2021.09.21
Flutter App 메시지 표시  (0) 2021.08.28
Flutter App - 예외처리3  (0) 2021.07.24
Flutter App - 예외처리4  (0) 2021.07.22
Flutter App - 예외처리2  (0) 2021.07.22