flutter调用js代码

首先需要在pubspec.yaml中配置:

dependencies:js: ^0.6.1+1 #主要是指明这个,可以根据实际情况配置版本flutter:sdk: flutter

然后直接看代码，在lib包下的任意的目录新建一个dartjs.dart文件,代码如下:

import 'dart:js' as js;
void main() {//示例调用测试函数test.jsprint(js.context.callMethod("noparam")); //带参数print(js.context.callMethod("haveparam", ["hello world"]));//无参数//示例调用cryptUtil.jsString cipher = js.context.callMethod("encryptByDES", ["hello world"]);print(cipher);print(js.context.callMethod("decryptByDES", [cipher]));
}

工程目录如下图所示,调用的关键在于web包下面的index.html和我们自己新建的js,什么意思呢,也就是说我们写的js必要在index.html中引入才能被调用到,引入的代码就忽略了，想调用什么别的包都可以的，例如jquery
![image.png](https://img-blog.csdnimg.cn/img_convert/21a1ab82c01db3af47dbbe344c25fb58.png#align=left&display=inline&height=406&margin=[object Object]&name=image.png&originHeight=812&originWidth=560&size=55062&status=done&style=shadow&width=280)
最后回到示例代码的第一行,这个import代码的意思是把web包下面的js文件夹下面的所有js引进来。这样问题就很明确了。

import 'dart:js' as js;

flutter调用js代码相关推荐

java 怎么调用js代码_在Java中直接调用js代码
JDK1.6版添加了新的ScriptEngine类,允许用户直接执行js代码. 在Java中直接调用js代码不能调用浏览器中定义的js函数,会抛出异常提示ReferenceError: " ...
Python+Selenium UI自动化 - 调用JS代码
当webdriver遇到无法完成的操作时候,这个时候可以使用javascript来完成,webdriver提供了execute_script()接口来调用js代码. 执行js有两种场景: 1.在页面上 ...
Angular4中调用js代码
转自引言:Angular2开始采用TypeScript进行编码.本文讲述如何在Angular4项目中调用原生的 js 代码. 本文代码代码使用环境:webstrom 调用过程可以归纳为: 引入 j ...
jsrpc-http接口远程调用js代码
JsRPC-hliang – js逆向之远程调用(rpc)免去抠代码补环境 tip:懒得自己编译的 ,releases中有已经编译好的包 (win和Linux的都有~) 文章目录 JsRPC-hlia ...
Flutter调用平台代码
前言在前面的文章中我们讲了许多Flutter中的组件和Flutter中的特定操作,但是单单使用Flutter里的组件和方法是不够的. 就像以前我们讲到文件存储.数据库操作单单靠使用Flutter我们 ...
java中调用js代码
jdk8里使用脚本引擎调用js. 1.定义一个js方法: function getRouteInfo(province){ //注意,参数不要带var..在java里执行会报错..if (provin ...
app每次更新版本时调用js代码提示用户下载更新
var url = '网络地址'; //APP升级 var wait; function update(){//判断操作系统var system = 'android';if(mui.os.ios){ ...
Jav8: Java里面调用js代码
官方:[url]https://code.google.com/p/jav8/[/url] An implementation of the Java Scripting API (JSR223) b ...
Node.js调用C#代码
https://github.com/tjanczuk/edge 运行的时候会报 System.DllnotfoundException 无法加载node.dll,要把\packages\Edge.j ...

flutter调用js代码

flutter调用js代码相关推荐

最新文章

热门文章