大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

flutter内置vue,flutter 配置文件

flutter 与webview (vue)交互

flutter与webview交互

成都创新互联专注于企业成都营销网站建设、网站重做改版、鹤山网站定制设计、自适应品牌网站建设、H5技术电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为鹤山等各大城市提供网站开发制作服务。

因为web端项目用的是vue框架 按照网上的教程flutter端调用js端方法不管用:

flutter端

web端

后来发现是vue的方法不会暴露给app使用 需要把方法名暴露给window

flutter和vuejs那个容易学

flutter更容易学,

Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

Flutter vue webview_flutter JS交互

webview加载vue nom run serve 本地网页

JSBridge.dart

JsPreventModel 拦截的Model

vue brdige.js

App.vue里面的调用

Vue前端转Flutter一(环境配置)

(*注:以下仅个人配置过程参考,系统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 配置文件
标题URL:http://dzwzjz.com/article/phcgdc.html
在线咨询
服务热线
服务热线:028-86922220
TOP