个人暂时使用Atom和Nuclide，虽然有些不方便，不过喜欢界面以及安装简单哈哈，之后可能尝试下别的。译注：React Native官方更使用或Sublime Text来编写React Native应用。1. Atom和Nuclide1) Atom编辑器Atom是一个开源版本的编辑器，有着非常强大以及完美的体验，Atom最大的特色就是可以安装很多的插件来完成我们的需求。Ato
转载
2023-12-08 13:51:57
3阅读
本文主要讲解了如何运行 React Native 官方控件示例 App，包含了一些 React Native 的基础知识以及相关环境的配置。React Native 以及示例 App 简介关于 React Native 的简要介绍。 {% blockquote http://facebook.github.io/react-native/ %} React Native 结合了 Web 应用和 N
转载
2024-06-27 22:15:40
97阅读
一、简介ReactNative.pngReact Native 是Facebook发布的，可以让我们广大开发者使用JavaScript和React开发我们的应用，该提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码
转载
2023-12-14 11:24:25
44阅读
ReactNative 集成原生项目，打包ipa和apk过程记录分析。本文章默认会iOS 和安卓常规打包，只介绍打包RN这步。 过程总览将开发JS部分打成离线Bundle供原生调用iOS 更改入口路径（安卓则配置即可）具体见下面iOS和安卓分别打包详细过程。 iOS打包ipa过程1、在你的RN项目里新建一个输出文件夹，如下图名称可以自定义。 2、用命令生成离线rn包react
转载
2023-12-31 16:27:26
699阅读
简介：React Native使你能够在JavaScript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。 React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere) Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Native。|创建
一、什么是 JSXJSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。二、JSX 的基本使用 2.1 为什么使用 JSX 原因一：使用 React.createElement()
转载
2024-06-28 16:14:05
96阅读
现在所在公司的App出于提高效率和代码复用的原因, 采用 React Native 来开发, 已经过去了三年多了. 这中间, Weex, Flutter陆续登场, 最终舞台上留下的只剩下了 React Native 和 Flutter. 紧跟时代的潮流, 我司App现在开始了迁移到Flutter的过程, 其中遇到不少问题, 开发之余将在这里进行总结. 同时开发中的App的代码已经准备开源
转载
2023-11-02 06:01:05
101阅读
Native加载多个 JS Bundle客户端会先加载公共基础包，加载完成后，再加载业务包。安卓端加载多个 JS Bundle先加载公共基础包，安卓端需要在创建 ReactNativeHost 实例的时候重写 getBundleAssetName()方法或 getJSBundleFile()方法，返回公共基础包的本地路径，然后再调用 ReactNativeHost实例的 getReactInsta
1.在 Windows 上keytool命令放在 JDK 的 bin 目录中（比如C:\Program Files\Java\jdkx.x.x_x\bin）下执行命令：keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 1000...
原创
2021-11-19 11:15:50
171阅读
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
react和react native的区别是：1、框架作用的平台不同；2、工作原理有差别；3、渲染周期不同；4、react native中所有元素都会被平台指定的react组件替换；5、宿主平台的API不同。本文环境：windows10、react16版本，Dell G3电脑。(学习视频分享：react视频教程)区别如下：1、框架作用的平台不同RN是由React衍生出来的，两种框架都是用JSX开发
转载
2023-12-19 20:11:52
138阅读
react-native的环境搭建 最近因岁寒三友小组准备进行技术方面分享，由于本期由胖大星分享react-native,对react-native没有进行过开发的我进行了了解学习，其中查了一些资料也遇到了一些报错，但最终也算找到了解决方案，分享一下。1.准备工作 可以按照官网给出的搭建环境步骤进行简单的说一下必备的几个安装流程： 根据你的具体情况进行开发平台目标平台的选择一下以windows开
转载
2024-01-31 11:29:38
56阅读
React Native 源码分析要想深入理解 React Native 的工作原理，有两个部分有必要阅读一下，分别是初始化阶段和方法调用阶段。为了提炼出代码的核心含义，我会在不改变代码意图的基础上对它做一些删改，以便阅读。写这篇文章是，React Native 还处于 0.27 版本，由于在 1.0 之前的变动幅度相对较大，因此下面的源码分析很可能随着 React Native 的演变而过时。但
转载
2023-12-10 16:54:45
75阅读
JSI 是提供给JavaScript与原生侧C++进行沟通的桥梁，用来提高通信效率来提升性能。JSI 的简单框架// 头文件及命名空间
void exampleJsiLibrary(Runtime &runtime){
// 注册函数
// 通过createFromHostFunction创建一个执行原生c++代码的JSI函数
auto simplePrintFunct
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
447阅读
2评论
在本文中，本人分享了从0开始搭建RN的鸿蒙环境平台，其中重点讲到了目前文档资料极少的鸿蒙特殊部分。其次，步骤中最容易遇到的问题，我也一一列出，并且提供了解决方案，使得每一步都亲测可用。鸿蒙的RN开发环境就是如此的简单，不要它被表面给吓到了哦，赶紧开始你的RN鸿蒙化之路吧。目前鸿蒙开发还在探索中，有表达不对的地方也敬请批评指正。欢迎大家一起探讨鸿蒙技术，探讨鸿蒙无限的未来。
# React Native 调用 Java 的实现指南
在移动应用开发中，React Native 允许开发者使用 JavaScript 来创建跨平台应用，但有时我们仍然需要调用 Java 代码，特别是在 Android 平台上。本文将逐步引导你如何在 React Native 中调用 Java。
## 整体流程
下面是调用 Java 的主要步骤：
| 步骤 | 描述
