flutter与webview交互
成都创新互联专注于企业成都营销网站建设、网站重做改版、鹤山网站定制设计、自适应品牌网站建设、H5技术、电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为鹤山等各大城市提供网站开发制作服务。
因为web端项目用的是vue框架 按照网上的教程flutter端调用js端方法不管用:
flutter端
web端
后来发现是vue的方法不会暴露给app使用 需要把方法名暴露给window
flutter更容易学,
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。
webview加载vue nom run serve 本地网页
JSBridge.dart
JsPreventModel 拦截的Model
vue brdige.js
App.vue里面的调用
(*注:以下仅个人配置过程参考,系统win7-64)
所需软件
vsCode,Android Studio, MuMu模拟器 (直连手机调试的话就不需要了)
配置过程
1、Flutter安装
安装时忘记截图,具体可参考链接 flutter中文网 相关教程+ 百度 ,现在网上教程很多,多踩点坑总会成功的。
2、MuMu模拟器调试时需进行相关配置
(*注:直连手机调试可忽略以下;执行以下操作需要在执行flutter doctor成功后,flutter run执行前)
(1)mumu模拟器端口监听,需要执行
(2)mumu模拟器调试flutter run可能会报错,可以改成,具体原因可直接百度“--enable-software-rendering”
3、如需调试ios端可尝试虚拟机+macOS+xCode
vmware+macOs可参考链接 VMware15安装MacOS系统 ,笔者按照该步骤已安装成功
本文名称:flutter内置vue,flutter 配置文件
本文来源:https://www.cdcxhl.com/article12/phcgdc.html
成都网站建设公司_创新互联,为您提供外贸网站建设、网站设计公司、面包屑导航、网站设计、定制开发、电子商务
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联