JSI是RN新架构实现JS与Native通信的基石,Turbomodules 也是基于 JSI 实现的。 对于了解RN新架构来说,先搞明白 JSI 是至关重要的,那下面就让我们来聊一聊 JSI。一、什么是 JSI ? JSI 的全称是 JavaScript Interface,即 JS I
转载
2023-10-28 13:26:29
253阅读
# 如何实现React Native源码架构
作为一名刚入行的小白,学习如何实现React Native (RN) 的源码架构是一个重要步骤。本文将详细介绍如何实现这一架构,包括每一步的具体方法和需要用到的代码示例。
## 实现流程
以下是实现React Native源码架构的基本流程:
| 步骤 | 描述 |
|------|------|
| 1 | 安装React Native
Retrofit框架的封装流程以及源码分析:1.Retrofit框架的封装:01.添加依赖//Retrofit2的相关依赖
implementation 'com.squareup.retrofit2:retrofit:2.4.0'
//rxjava转换器
implementation 'com.squareup.retrofit2:adapter-rxjava2:2.4.
转载
2023-08-17 14:51:58
76阅读
工具:参考官网上的工具,一定要按照官网上工具“版本”下载,为了避免一些不必要的麻烦,切记切记!android studio本人采用的是3.4.2的版本,其余都是官网上推荐的版本。采用的API是29!!!(低版本的AS和低版本的API出现莫名其妙的错误,把我拖死了一个礼拜,天天改bug,换成上面的AS和api后直接编译过去,我真的是TMD,GRD!步骤: 第一步:最好自己编写package.json
转载
2023-11-20 06:06:36
73阅读
概述我是却把清梅嗅,一个普通的Android开发者,除了日常工作之外,我还喜欢在我的Github上开源分享自己写的一些小工具。其中我个人比较满意的是RxImagePicker,它是我花费业余时间实现的一个Android的响应式图片选择器,它的项目主页:github.com/qingmei2/Rx…随着一些小伙伴的支持,这个图片选择器慢慢被尝试应用在了一些项目中,随着用的人越来越多,我感到压力越来越
# Android React Native(RN)概述
Android React Native(RN)是一种流行的跨平台移动应用开发框架,允许开发人员使用JavaScript和React构建原生移动应用。RN的主要优点是提高了开发效率,可以同时开发iOS和Android应用,同时仍保持原生性能。
## 为什么选择Android React Native?
- **跨平台**:使用RN可以
原创
2024-02-25 03:49:36
54阅读
1 前言之前写过一篇RN的环境搭建教程和新建一个新的RN项目的文章 但是其实在实际开发中,在已有的android项目中集成RN情况更普遍,这篇文章就是一个怎么在已有Android项目中引入RN的例子2 集成步骤首先搭建好Android开发环境,并有一个新建的或者已经存在的Android项目 在未创建ReactNative项目大概是这个样子 接着创建ReactNative Module用于存
转载
2023-07-24 23:04:21
243阅读
开发工具:Android Studio , WebStorm参考链接:React Native官方中文文档一.创建React Native项目1.在本地React Native项目目录下,创建一个文件夹,取名为为ReactApp[名字随便取]2.在ReactApp文件夹下,创建一个名为android文件夹【注:小写】,并将你现有的Android项目拷贝到/android子目录中。3.在ReactA
转载
2023-08-17 13:03:54
124阅读
# RN Android给RN传值实现流程
## 1. 概述
在React Native (RN)开发中,我们经常需要在Android原生代码和RN代码之间传递数据。本文将介绍如何在Android原生代码中向RN传递值,并提供了详细的步骤和代码示例。
## 2. 流程图
```mermaid
flowchart TD
A[Android原生代码] --> B[传递数据到RN]
原创
2023-11-19 14:47:28
190阅读
拆解需求 1. RN使用 2. 播放器最终实现的播放器功能:可以提供给RN使用,不带边缓存边播放功能的播放器。1. RN使用实现以组件的形式提供给RN使用,至于组件和native如何交互,主要通过重写RN的ViewGroupManager<T>实现。泛型传入的就是RN组件包装的native内部实现的播放器的view(player view)。RN组件向native通信:重写receiv
转载
2024-03-30 21:27:30
36阅读
最近听说最多的是Android岗位坑很少,不然就是坑少的同时没坑跳。哎,程序员道路艰辛,且行且珍惜呀~今天给大家分享一篇关于混合开发的文章: 如何在现有的Android项目中集成React Native。如果此时你还没有跳入RN的坑,那么这篇文章可能对你来说有些锦上添花了,哈哈~~ok,坐稳我们开车。我会以流水账的形式来向大家详细介绍如何实现,仔细看清楚步骤即可。1.创建Android工程:Rea
转载
2023-12-23 23:18:40
192阅读
# 解决RN Image组件的onLoad方法IOS异常
## 概述
在React Native开发中,有时候我们会遇到RN Image组件在IOS平台上使用onLoad方法时出现异常的情况。这里我将向你详细介绍解决这个问题的步骤和方法。
## 解决步骤
```mermaid
journey
title RN Image组件的onLoad方法IOS异常解决流程
section
原创
2024-03-26 06:36:22
94阅读
项目结构init 的一个项目结构如图: tests:测试文件夹,执行命令 “npm test”会调用此文件夹,在文件夹中需要引入待测试文件。android:Android的原生开发目录,可以用Android Studio打开进行原生开发。ios: Ios的原生开发目录,可以用Xcode打开进行原生开发。node_modules: 存放所有的项目依赖库,配置package.json之后执行
# React Native中处理Android Image组件模糊问题
在使用React Native开发Android应用时,开发者可能会遇到Image组件在展示图片时出现模糊的情况。这通常是由于图片分辨率不足、加载方式不当或默认的视图尺寸处理不当导致的。本文将探讨造成这一问题的原因,并提供一些解决方案和相关代码示例。
## 模糊问题的原因
首先,我们需要了解Causing Image模
一、什么是 ReactNative?作为目前流行的跨平台技术框架之一,React Native是Facebook技术团队于2015年4月在早先的React前端框架基础上开源的一套移动跨平台开发框架,可以同时支持iOS和Android两大移动平台。React Native使用流行的JSX语法来替代常规的JavaScript语法,提高了代码的可阅读性。JSX是一种XML和JavaScript结合的扩展
转载
2023-08-26 14:04:07
466阅读
在这篇博文中,我们将深入探讨如何入门Android RN(React Native),一个越来越受欢迎的框架,用于构建跨平台移动应用。下面的内容将详尽讲解环境准备、核心操作流程、配置详解、测试验证、优化技巧以及扩展应用,帮助你在这个领域快速上手。
## 环境准备
在开始之前,我们需要做好准备工作,确保我们有合适的软硬件环境来进行开发。
### 软硬件要求
| 项目 | 最
# 如何实现 RN 项目 Android 开发的完整流程
React Native (RN) 是一个流行的框架,可以让你用 JavaScript 和 React 创建手机应用。虽然设置一个新的 RN 项目,尤其是 Android 部分,可能看起来有些复杂,但通过以下步骤,你可以顺利完成。
## 项目开发流程
首先,我们来看看整个开发流程。以下是步骤的概述,使用了表格来展示。
| 步骤编号
# RN Android调试指南
React Native(通常称为RN)是一个流行的跨平台框架,它允许开发者使用JavaScript和React构建移动应用。在开发过程中,调试是一个重要的环节,尤其是在Android平台上。本文将简要介绍如何在RN环境中调试Android应用,并附有相关代码示例。
## 环境准备
在开始调试之前,确保你的开发环境已经设置好,这包括:
- 安装Node.j
# Android与React Native混合编程指南
在今天的开发环境中,结合原生Android应用和React Native的优势,能够帮助我们快速构建高效、跨平台的应用。在这篇文章中,我们将会深入探讨如何实现Android与React Native的混合编程。
## 整体流程概览
下面是我们的实现步骤:
| 步骤 | 描述 |
|------|------|
| 1 | 准备
原创
2024-10-14 03:37:14
78阅读
示例代码——HelloWorld一、开发环境搭建JDK安装配置搭建开发工具ANDROIDSTUDIO下载安装开发android程序,主流的开发工具是eclipse和androidstudio,现着重介绍一下用androidstudio来开发,关于eclipse的的搭建配置,后期有时间再补充。1. androidstudio下载地址(此文下载的是mac版androidstudio 2.3.1,如果是