分类：Native

2022
05-24

React Native JSI实现RN与原生通信的示例代码

目录什么是JSIJSI有什么不同在iOS中使用JSIiOS端配置RN端配置js调用带参数的原生方法原生调用JS原生调用带参数的JS方法在原生端调用js的函数参数总结问题参考资料什么是JSIReactNativeJSI(JavaScriptInterface)可以使JavaScript和原生模块更快、更简单的通信。它也是ReactNative新的架构体系中FabricUI层和Turbo模块的核心部分。JSI有什么不同JSI移除了原生代码和JavaScript代码之间的桥接（bridge），同时也省去... 继续阅读 >

2022
04-30

利用Vue Native构建移动应用的全过程记录

目录前言VueNative的特性声明式渲染双向绑定Vue.js生态系统的丰富性编译为ReactNative设置开发环境创建一个VueNative项目VueNativeUI组件视图组件Image组件TextInput组件NativeBaseUI组件双向数据绑定导航和路由状态管理访问设备API总结前言VueNative是一个JavaScript框架，旨在使用JavaScript构建可以在Android和iOS上运行的跨平台移动应用程序。通过封装ReactNative，开发人员可以使用VueNative使用V... 继续阅读 >

2022
04-20

React Native 启动流程详细解析

导读：本文以react-native-cli创建的示例工程（安卓部分）为例，分析ReactNative的启动流程。工程创建步骤可以参考官网。本文所分析ReactNative版本为v0.64.2。我们知道上述工程是一个安卓应用，打开android/目录下源码文件，首先发现它创建了两个java文件：MainApplication.java和MainActivity.java，分别做了应用以及主Activity的定义。安卓应用的启动流程是：在启动第一个activity之前会创建一个全局唯一的... 继续阅读 >

2021
12-13

关于React Native使用axios进行网络请求的方法

在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQueryajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。axios是一个基于Promise的Http网络库，可运行在浏览器端和Node.js中，Vue应用的网络请求基本都是使用它完成的。axios有很多优秀的特性，如支持请求的拦截和响应、取消请求、JSON自动转换、客户端防御XSRF等。使用axios之前，需要先在项目中安装axios插件，安装命令如下。//np... 继续阅读 >

2021
09-14

关于React Native 无法链接模拟器的问题

ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且ReactNative已经用于生产环境——FacebookGroupsiOS应用就是基于它开发的。解决方法(一)：去到android/app/build.gradle文件，按照如下配置使用以上方法，使用r热更新，显示无法连接模拟器。猜测是AndroidStudio模拟器的问题。把AndroidStudio卸载，整个安装目录、模拟器数据删除。再重装AndroidStudio，创建新的模拟器。重新run... 继续阅读 >

2021
06-05

Javascript之JSBridge初探

JSBridge的起源近些年，移动端普及化越来越高，开发过程中选用Native还是H5一直是热门话题。Native和H5都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行Hybrid开发。Native和H5分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？这时我们想到了Codova，Codova提供了一组与设备相关的API，是早期js调用原生代码来实现原生功能的常用方案。不过JSBridge真正在... 继续阅读 >

2021
05-26

用Spring Native将SpringBoot程序转换为GraalVM

Spring发布了一个新工具SpringNativeBeta，用于将现有的SpringBoot应用程序（用Java或Kotlin编写）转换为GraalVM本机映像。目标是在springnative上支持SpringBoot应用程序。GraalVM本机映像很小，经过优化，启动速度很快。然而，与JVM相比，折衷的办法是构建时间更长，运行时优化更少。SpringNative与GraalVM团队合作，充当桥梁，确保GraalVM理解传统的SpringBoot代码。Oracle实验室的高级研究经理VojinJovanovic在谈到他们... 继续阅读 >

2021
05-23

React Native 脚手架的基本使用详解

构建项目在相应的路径下执行命令行：react-nativeinit项目名(名称不可使用连接符等特殊字符,命名可以参考APP应用名称比如FaceBook)react-native--v//查看版本react-nativeinitdemo--version0.48.0//安装指定的版本react-nativeinitdemo--verbose--version0.48.0//verbose是初始化的时候显示安装详情的，安装什么模块以及进度npmviewreact-nativeversions//可以查看react-native所有的版本信息跳转到对应路径... 继续阅读 >

2021
01-22

详解Flutter 调用 Android Native 的方法

Flutter调用AndroidNative的方法，是通过MethodChannel的方式来实现的:在Android端：创建一个Class，实现FlutterPlugin和MethodCallHandler接口重写onAttachedToEngine()，onDetachedFromEngine()，onMethodCall()onAttachedToEngine()中，根据自定义的CHANNEL_NAME创建MethodChannel，onDetachedFromEngine中，释放MethodChannelonMethodCall中，通过自定义的METHOD_NAME，来响应Flutter中，invokeMethod对Native的... 继续阅读 >

2020
12-14

使用Tomcat Native提升Tomcat IO效率的方法详解

简介IO有很多种，从最开始的BlockIO，到nonblockingIO，再到IO多路复用和异步IO，一步一步的将IO的性能提升做到极致。今天我们要介绍一下怎么使用TomcatNative来提升TomcatIO的效率。Tomcat的连接方式Tomcat中使用连接器来处理与外部客户端的通信。Connecter主要用来接受外部客户端的请求，并转交给处理引擎处理。在Tomcat中有两种Connector。一种是HTTPconnector，一种是AJPconnector。HTTPconnector大家应该很好理解，... 继续阅读 >

2020
11-25

Java Native关键字原理及作用解析

初次遇见native是在java.lang.Object源码中的一个hashCode方法：publicnativeinthashCode();为什么有个native呢？这是我所要学习的地方。所以下面想要总结下native。一、认识native即JNI,JavaNativeInterface凡是一种语言，都希望是纯。比如解决某一个方案都喜欢就单单这个语言来写即可。Java平台有个用户和本地C代码进行互操作的API，称为JavaNativeInterface(Java本地接口)。二、用Java调用C的“Hello，JNI”... 继续阅读 >

2020
10-08

vue键盘事件点击事件加native操作

如下所示：<el-cardclass="box-cardanimatedflipInY"><el-form:model="ruleForm2":label-position="labelPosition"status-icon:rules="rules2"ref="ruleForm2"label-width="50px"class="demo-ruleForm"><h3class="login_title">系统登录</h3><el-form-itemlabel="账号"prop="account"><el-inputtype="text"v-model="ruleForm2.account"@keyup.native.enter="handleSubmit2"auto-complete="off"p... 继续阅读 >

2020
09-28

VSCode搭建React Native环境

安装ReactNativeTools在插件市场搜索react找到ReactNativeTools进行安装：创建的react-native的工程拖入vscode中点击F5即可运行react-native此时可能出现如下界面，这是因为没有配置运行文件在debug页面，点击如下位置，添加configurations然后点击添加配置，选择debugandroid此时点击F5,则可出现如下界面，表示react-native以运行起来此时发现断点无法生效，且log的信息感觉特别难看，和使用chrome比起来更难用。进... 继续阅读 >

2020
09-27

React Native 实现热更新并自动签名打包功能

项目背景：手动link的安卓App1.下载react-native-code-pushnpminstall--savereact-native-code-push2.在android/settings.gradle文件下新增：include':app',':react-native-code-push'project(':react-native-code-push').projectDir=newFile(rootProject.projectDir,'../node_modules/react-native-code-push/android/app')3.在android\app\src\main\java\com\app\MainApplication.java 文件中修改...//1.Import... 继续阅读 >

2018
02-21

2018，如何成为一名React Native开发者？

随着移动端开发和React的流行，越来越多的人想要学习ReactNative。本文将向你推荐一些自学ReactNative的恳切建议，介绍一些关于ReactNative的学习资源，并推荐一些简单实用的开发工具。相信只要按照本文所述的方法实践，你一定能更快速得成为一名ReactNative开发者。如果你已经看过TheStateofJavaScript2017（2017年JavaScript状态调查）的结果，你会发现许多有趣的数据。其中突出的一点是：许多人想要学习Re... 继续阅读 >

2016
01-11

web App VS native App，路遥知马力

HTML5HTML5这个概念也已经炒作了几年了，看了很多关于HTML5的文章，包括一些技术书籍，对这一概念吹的雨里雾里，说了一大堆新特性讲了一大堆抽象的概念。搞得我很长时间才搞清楚什么是HTML5。其实没什么太多的东西，就是督促各个浏览器厂商都支持一些新的比较实用的属性，大家的行为尽量保持一致。给HTML添加了一些实用的标签，让一部分以前需要写很多JS代码才能实现的效果，只需要一个标签就可以简单搞定，当然这是在得到了浏... 继续阅读 >