ReactNative-Android插件一、编写插件android项目包目录下创建ToastModule.java并继承ReactContextBaseJavaModule实现构造函数接收NACon
原创
2022-01-13 16:27:28
278阅读
reactnative官网 ReactNative文档
转载
2018-11-05 20:15:00
163阅读
2评论
react-native iOS接入极光推送开始之前首先需要进入你的项目目录,打开命令终端安装相应的包npm install jpush-react-native
npm install jcore-react-native一、配置iOS的证书1. 创建App ID:苹果开发者网站(如已创建可跳到下一步)点击注册这是我们刚刚创建好的App ID2. 创建推送证书打开钥匙串:右上角钥匙串访问->
转载
2023-11-28 14:48:54
155阅读
1.给Activity定制View 1)定义my.js,并在js里定义MyComponent,注意组件要以export default修饰 2)在项目启动js(index.android.js)里引入自定义js文件里的组件 import MyComponent from my.js(相对路径或者全路径) 在最后,
原创
2016-08-22 18:40:48
593阅读
本插件是基于MobPushSDK功能的扩展,使用此插件能帮助您在使用React Native开发应用时,快速的集成、使用推送功能。集成准备在 package.json 文件中添加插件依赖// 依赖版本按插件实际版本填写"dependencies": { "react": "18.1.0", "react-native-mobpush": "version"
原创
2022-11-29 17:20:55
152阅读
前提:已安装配置好Java SDK,搭建好Androidstudio开发环境,安装配置好Node.js Java SDK: 1.8.0_31 AndroidStudio: 3.4 Node: v8.12.0 react-native-cli: 2.0.1 react-native: 0.50.4一、创建AndroidStudio项目 二、集成ReactNat
转载
2023-07-14 13:42:20
148阅读
1、<FlatList/> 2、钩子,父组件传值变化时候,在子组件触发 https://www.jianshu.com/p/986bcbcd02aa getDefaultProps:组件实例创建前调用,多个实例间共享引用。注意:如果父组件传递过来的Props和你在该函数中定义的Props的key一样
原创
2021-08-04 13:41:01
145阅读
# 如何在React Native中使用鸿蒙
## 引言
React Native是一种用JavaScript构建移动应用程序的开发框架,而鸿蒙是一种新兴的操作系统。本文将介绍如何在React Native中使用鸿蒙。
## 整体流程
下面是使用鸿蒙的整体流程,我们将使用表格展示每个步骤。
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 创建React Native项目
原创
2024-01-12 19:33:45
2822阅读
(文章目录)
一、序
目前主流的移动跨平台技术方案大体可以分为三类,
使用原生内置浏览器加载HTML5的Hybrid技术方案,采用此种方案的主要有Cordova、Ionic和小程序;
使用JavaScript语言进行开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和轻快应用;
使用自带的渲染引擎和自带的原生组件来实现跨平台,采用此种方案的主要是Flutt
原创
精选
2023-11-01 09:12:14
247阅读
点赞
1评论
一、背景说明俗话说的好,一个好的app应用,是要不停的告诉用户,我们还在维护,你可以放心的使用,放心的“充钱”,那该怎么告诉我们亲爱的用户的,那就是通过定期不定期的更新app。 说到这里,我们就该提出该如何实现这个更新和提示的功能了,总结来说,我这里已经实现过的有两种方案:1.设计专门的版本应用服务器,用来存储app的版本信息 2.通过专用接口,在app store或者google play中获取
转载
2023-09-06 18:53:48
110阅读
有时候App需要访问平台API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用Javascript重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力。这是一个相对高级的特性,
转载
2024-07-24 06:00:27
65阅读
03_01_实现 effect & reactive & 依赖收集 & 触发依赖一、reactivity happy path首先我们知道reactivity的happy path(核心逻辑)就是: 通过reactive定义响应式变量,然后通过effect去收集响应式变量的依赖,然后实现依赖的自动收集和自动触发。那我们先来编写第一个测试案例,通过单测来带大家看一看功能需求。
转载
2024-03-25 08:21:35
116阅读
(文章目录)
一、前言
在学习一门新语言,搭建完新项目时,有必要了解下项目结构。
HelloWorld
|-- android
|-- ios
|-- node_modules
|-- package.json
|-- index.js
|-- img
|-- public
|-- scene
|-- libs
android:Android原生工程目录;
ios:IOS原生工程目录;
pa
原创
2023-11-02 08:36:54
172阅读
点赞
1评论
(文章目录)
一、前言
先带大家分析2张架构图,对RN大致的运行加载过程有个印象。
ReactNative系统框架图如下所示:
启动流程图如下所示:
在开始分析之前,先思考一个问题:
为什么ReactNative能像web端一样实现跨端和热更新,同时又有接近Native的性能呢?
ReactNative 的本质是在 JS 端编写 React 代码,通过 JavaScriptCore 引擎
原创
精选
2023-11-03 08:47:00
443阅读
点赞
1评论
Navigator的基本使用Navigator 是什么? 一个导航组件 进入下一个界面,返回上一个界面 传递数
原创
2022-07-09 01:07:45
127阅读
# React Native与Android集成教程
## 介绍
React Native是一种用于构建跨平台移动应用的框架,它允许开发者使用JavaScript来创建原生移动应用。与传统的混合开发框架相比,React Native能够直接操作原生组件,使得应用在性能和用户体验上更加接近原生应用。
本教程将教会你如何将React Native与Android集成,以便你可以开发出更加强大和灵活
原创
2023-11-29 08:50:37
61阅读
React-Native入门指南github:https://github.com/vczero/react-native-lession
React-Native:用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率。最近一个星期写的文章如下,链接是github page的,其实也可以在系列博客找到相应文章:Lession1: Hello Re
ReactNative 一些常用方面的常用插件,个人笔记最近才接触 ReactNative 这个东西,也是在使用中慢慢试探,需
原创
2022-06-30 11:30:14
112阅读
React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创
原创
2024-09-24 15:54:30
211阅读
# React Native与Java版本的结合开发指南
随着移动应用的发展,React Native逐渐成为一种热门的框架,使开发者能够使用JavaScript和React来构建跨平台的应用。对于刚入行的小白来说,了解如何将React Native与Java结合是非常重要的。本文将详细介绍整个流程,包括每一步需要实现的功能以及所需的代码示例。
## 流程概述
在开始之前,让我们先看看整个流