Flutter和原生交互学习】的更多相关文章

PlatformChannel功能简介 PlatformChannel分为BasicMessageChannel.MethodChannel以及EventChannel三种.其各自的主要用途如下: BasicMessageChannel: 用于传递数据.Flutter与原生项目的资源是不共享的,可以通过BasicMessageChannel来获取Native项目的图标等资源. MethodChannel: 传递方法调用.Flutter主动调用Native的方法,并获取相应的返回值.比如获取系统电…
[说明]由于这些库一直在更新,请自己选择合适的稳定版本下载. 另外如果发现有问题或者你有更好的库,欢迎留言告诉我. 谷歌官方的针对Dart语言的一些实用性的功能以及扩展的库 -- Quiver Quiver是一组针对Dart的实用程序库,它使使用许多Dart库变得更容易.更方便,或者增加了额外的功能. github地址 https://github.com/google/quiver-dart 使用方式: dependencies: quiver: '>=2.0.0 <3.0.0' 根据pub…
距离上次随笔或许有半年了吧,最近在用hybrid模式开发移动app,所以就简单的说说用h5技术开发app时候,做原生交互的几个小常识: 一.拨打电话或者发送短信: <a href="tel:10086">点击a标签就会拨打电话</a> <a href="sms:10086">点击a标签就会发送短信</a> <a href="tel:">点击a标签就会跳到拨打电话页</a> 二…
背景 前面我们讲了很多 Flutter 相关的知识点,但是我们并没有介绍怎样实现 Flutter 与原生的通信. 比如我在 Flutter UI 上面点击了一个按钮,我希望原生做一些处理,那么原生怎么知道? 比如我在原生有些变化需要告知 Flutter,Flutter 又如何获知? 本篇我们先解决第一个问题.即 Flutter-> 原生的通信. 路由回顾 之前我们一直在讲 Flutter 相关的知识点,而且基本上都是在 main.dart 文件上面折腾,为了避免很多小伙伴觉得我们跨度过大. 因此…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 在上一节<Lua和C++交互 学习记录之八:注册C++类为Lua模块>里介绍了在Lua中以模块的方式使用C++注册的类. 下面将其修改为熟悉的面向对象调用方式. 1.Lua中面向对象的方式 ①在Lua中使用student_obj:get_age()其实相当于student_obj.get_age(s…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.C++中学生Student类 ①头文件Student.h #pragma once #include <iostream> #include <string> class Student { public: //构造/析构函数 Student(); ~Student(); //get…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.将C++封装为模块 ①在Lua中调用的函数(和上一节的函数一样) int average(lua_State* L){ //stack_dump(L); //lua->stack,得到Lua调用函数输入的个数 int lua_args_count = lua_gettop(L); //lua->…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.C++调用Lua中函数 ①Lua中的函数 function add(x,y) return x + y end ②C++调用函数 //lua->stack,全局函数位置-1 lua_getglobal(L, "add"); //c->stack,传入函数参数 lua_push…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.数组 ①数组是key值从1开始并连续递增的table. ②索引号是从1开始,不是从0开始. 2.既然是table,那当然是可以用上一节的内容进行读写的. lua还提供了一些只针对数组进行操作的API,如下: ①LUALIB_API lua_Integer (luaL_len) (lua_State *L,…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.C++读取Lua中的table ①在hello.lua中设置一个全局table: global_c_read_table = {integer_val = ,double_val = 2.34,string_val = "test_string"} ②在C++中读取 //lua->…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.C++读取lua中的值 ①在hello.lua中设置一个全局变量: global_c_read_val = "test val" ②在C++里读取 //lua->stack lua_getglobal(L, "global_c_read_val"); //sta…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.理解栈 ①C++通过lua虚拟机中的栈和lua进行交互.(相当于一个中间层) ②C++自己管理内存:lua自动垃圾回收:虚拟机知道在栈里的数据是否有被外部宿主程序使用,从而决定是否进行GC; ③C++的是静态类型:lua是动态类型:通过对静态类型的结构封装类似“Lua_Value”的类型,就能将数据放到栈中…
主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 1.首先需要编译出lua库 ①创建一个静态库工程,将lua-5.3.3里的所有文件包含到工程里面去 ②进行编译就可以得到一个lua的静态库,提供给后面的测试项目使用 2.创建学习测试console项目 ①引入上面步骤生成的lua静态库 ②包含lua的所有头文件 ③创建一个hello.lua,里面的内容只有一句…
测试环境: Windows7 Egret Engine 5.0.14 Egret support 5.0.12 Android Studio 2.3 目录: 一 修改开机画面 二 横竖屏设置 三 修改代码后调试,输出console 四 和原生交互 五 热更新 一 修改开机画面 找到项目目录下AndroidManifest.xml 注释掉图中的intent-filter,并把SplashActivity的inttent-filter注释取消.这样就有了开机的画面. 更换启动的开机图片 找到项目路径…
react-native可以做web与原生的交互,这是使用react-native开发项目的主要目的之一,也是主要优势,用rn而不用原生交互则毫无价值,这篇文章用来记录在项目中rn的原生交互使用过程. 之前说过要做的是一个pda项目,所以今天以input获取焦点的时候禁止软键盘弹出为例,大体说一下rn的原生交互过程. android的原生交互分为以下几步 编写原生代码 向js暴露原生接口 注册原生模块 导出并再rn导入原生,模块 1.编写原生模块 作为web工程师出身的我,对原生android代…
Android 的前生今世 Android 系统 Android系统作为全球第一大系统,基于 Java 开发的移动端有着诸多的性能优势. 2018年前 H5 的性能瓶颈和 RN 的停更 导致业界对跨平台开发失去信心. 直到2018年10月Google推出首个 Flutter 跨平台解决方案,打破整个移动开发的方向. 为什么 Flutter 成为 Android 方向标 跨平台性:Flutter基于图像绘制引擎进行渲染,在不同平台下绘制效果是绝对一致的,能做到真正的跨平台,一处写处处运行 性能优异…
flutter今年特别火,google推出flutter就是为了一次开发全平台应用,包括PC端,手机wap端,android,ios直接生成APP应用,如果真的能像谷歌说的,那我们开发人员就真的好好学习一下,毕竟谷歌大力推广的语言,还是很有必要的学习,因为android的生态太广了.我总结了一下flutter的学习资料,都是平常收集的,如果你想学习flutter,收藏,转发一下吧. Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可…
NodeJS基础 什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情.例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象.而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器,NodeJS…
首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率.   1.原生JavaScript实现字符串长度截取 复制代码 代码如下: function cutstr(str, len) {     var temp;     var icount = 0;     var patrn = /[^\x00-\x…
连bootstrap5 都抛弃jquery了,重新使用原生js来写,所以最近在学习原生js. 一.选择dom元素: id let sure=document.getElementById('sure'); 返回值:是一个dom元素,因为id在一个文档(document)中,是唯一,所以返回一个dom对象. class let mask=document.getElementsByClassName(] 返回值:类数组的元素集合 因为className在一个文档中并不是唯一,我们在使用docume…
网上许多nodejs教程或书藉都是教你调用第三方模块来编写nodejs应用的,虽然这是非常便捷的,但是封装太厚,你基本一点东西还是没有学到.人家的模块,人家想怎么改就行,可以下一版本就改了接口,你的应用就完蛋了.比如说google,他就爱干这种事情.因此我们还得老老实实学习底层API吧. 本节首先教大家跑起一个页面吧. 我在以前就写一篇相关的, node.js 一个简单的页面输出,大家可以先预习一下. 一般来说,大家都是从这样一个例子入门 var http = require("http&quo…
做唤起时需要native端进行配合, h5唤起app这种需求是常见的.在移动为王的时代,h5在app导流上发挥着重要的作用. 目前我们采用的唤起方式是url scheme(iOS,Android平台都支持),只需原生APP开发时注册scheme, 那么用户点击到此类链接时,会自动跳到APP. 类似于这种地址: window.location.href='xkd://xkd.yirendai.com' 像腾讯的app比如微信 及qq,如果做唤起的化它是不让你直接唤起app的,安卓系统需要跳到应用宝…
Android中的WebView 中加载的URL 默认是在手机浏览器中加载的,我们可以覆盖这种默认的动作,让网页在WebView中打开.通过设置WebView的WebViewClent 达到这个效果. WebView中加载的网页中的JS事件可用和Native 代码交互.js 如何调用原生中的方法呢? 1.设置WebView中的JavaScript可用 2.设置WebView的JavascriptInterface  即原生中与js的接口 源码: 在 Activity中声明了一个 JavaScri…
我写WKWebView 想让 服务端相应 一个 方法但是不响应,根据 UIWebView 用 JSContext就能拿到响应的处理经验是不是服务端 也需要 对 WKwebView有兼容的一个写法??? 特此学习 WKWebView 记录 一 .WKWebView 代理协议 (1)WKScriptMessageHandler : OC在JS调用方法时做的处理.如果需要调用对话窗口就会先执行(3)协议再执行 (1)协议 好处:传递给OC的参数直接在字典里面,不用再在url里面拼凑后的结果去截取解析.…
这段时间学习Unity和Android互调,从基础开始. 网上的教程有很多,浏览了一圈教程,发现目前有两种方式:一种是直接把 .aar文件导入Unity/Plugins/Android文件夹,另一种是把jar包.res文件夹和AndroidManifest文件放入Unity/Plugins/Android文件夹. 说一下目前理解思路: Unity调用安卓就是在安卓端写好java代码,做好布局和样式,打出jar包,放入Unity中,被C#脚本调用. 安卓调用Unity有直接的API:UnityPl…
Flutter 步骤 目的:在flutter页面中主动调用原生页面中的方法. 1 在widget中,定义MethodChannel变量 static const MethodChannel methodChannel = MethodChannel("sample.flutter.io/test"); //samples 实际使用可以替换为包名.要跟原生对应即可. 2 通过异步方法调用methodChannel中的invokeMethod方法,指定要调用的activity中的方法 Fu…
package com.liuhao.mysecond; import androidx.annotation.RequiresApi;import androidx.appcompat.app.AppCompatActivity; import android.annotation.SuppressLint;import android.content.Context;import android.content.Intent;import android.content.pm.Activit…
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detec…
一.Text 组件 属性  textAlign: TextAlign.left,                           -----文本对齐方式  maxLines: 1,                                            -----显示最大行  overflow: TextOverflow.clip,                 -----文本溢出的处理方式 clip:直接切断溢出的文字. ellipsis:在后边显示省略号(...)  常用…
在使用RN开发过程中,难免有些原生功能需要要自己来实现,下面总结一下在使用RN与原生开发交互. 1.在原生代码中定义实现类 1.1  首先继承 ReactContextBaseJaveModule抽象类 public class SomeModule extends ReactContextBaseJavaModule{} 1.2  实现构造方法 public SomeModule(ReactApplicationContext context){ super(context); } 1.3 …