现在所在公司的App出于提高效率和代码复用的原因, 采用 React Native 来开发, 已经过去了三年多了. 这中间, Weex, Flutter陆续登场, 最终舞台上留下的只剩下了 React Native 和 Flutter. 紧跟时代的潮流, 我司App现在开始了迁移到Flutter的过程, 其中遇到不少问题, 开发之余将在这里进行总结. 同时开发中的App的代码已经准备开源
转载
2023-11-02 06:01:05
101阅读
# React Native 调用 Java 的实现指南
在移动应用开发中，React Native 允许开发者使用 JavaScript 来创建跨平台应用，但有时我们仍然需要调用 Java 代码，特别是在 Android 平台上。本文将逐步引导你如何在 React Native 中调用 Java。
## 整体流程
下面是调用 Java 的主要步骤：
| 步骤 | 描述
IOS的问题比较少，直接使用客户端同事给出的字体名称就可以直接使用{ fontFamily: 'customFont' } 这个字体名称是他们在外层客户端里面已经打包好了的，我可以直接通过名称调用
自己打包字体教程如下 adding-custom-fonts-to-react-native 比较棘手的是安卓的字体使用，他们的字体是放在assets目录下的 我尝试用名称和路径去调用
转载
2024-05-30 11:44:12
46阅读
老规矩，还是先添加依赖：npm install react-native-sound
react-native link react-native-sound方法介绍// 加载声音文件
let musciPath = require('../../src/sound/1.mp3'); // 匹配的格式挺多的....
var music = n
转载
2023-06-07 16:21:56
157阅读
# Java 调用 React Native 方法：全面指南
React Native 是一种流行的跨平台移动应用开发框架，它让我可以用 JavaScript 编写原生应用。为了更好地利用原生功能，我们有时需要从 Java 调用 React Native 的方法。在本文中，我们将探讨这个过程，并通过代码示例来帮助大家更好地理解。
## 基础概念
React Native 允许我们使用 Jav
原创
2024-07-31 05:32:36
50阅读
## React Native 调用 Android
作为一名经验丰富的开发者，你可以教会刚入行的小白如何实现"React Native 调用 Android"。下面是整个实现过程的步骤和每一步需要做的事情。
### 步骤
| 步骤 | 动作 |
| --- | --- |
| 1 | 创建一个React Native项目 |
| 2 | 编写Native模块 |
| 3 | 注册Nativ
原创
2023-07-25 18:45:16
157阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
由于现在手机用户越来越多。人们对手机的依赖也越来越严重。越来越多的公司都要求程序可以在手机上是用。如果想要在IOS和Android设备上运行程序需要开发两套不同的程序。React Native是基于Javascript和原生的中间产物 ，他具有跨平台行。只需要简单的编译就可以实现在IOS和Android两套系统上面使用。话不多说。首先我们需要搭建好安卓开发的环境。具体的细节可以参考官方文档：htt
转载
2019-01-17 16:40:00
166阅读
# React Native 调用 Android 类的全面指南
## 引言
React Native 是一个流行的开源框架，允许开发者使用 JavaScript 和 React 进行移动应用开发。尽管 React Native 提供了许多内置组件和 API，但在一些特定场景中，我们可能需要直接调用 Android 的原生类和方法。这篇文章将深入探讨如何在 React Native 中调用 A
# 如何在 React Native 中调用 Android 原生代码
在 React Native 中，有时可能需要调用一些 Android 原生功能。这篇文章将为您提供一个完整的指南，从流程到代码实现，帮助您轻松完成 React Native 调用 Android 原生代码的任务。
## 流程概述
为了清晰地理解整个过程，以下是调用 Android 原生代码的基本步骤：
| 步骤 |
原创
2024-10-04 07:26:30
49阅读
一、什么是 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阅读
React Native 团队最近进行了一项面向 React Native 开发者的调查，问题是：“React Native 有哪些东西是你不喜欢的”？绝大多数开发者都将开发者体验(包括调试)作为首要槽点。另外，社区服务和文档也是痛点。
React Native 团队最近进行了一项面向 React Native 开发者的调查，问题是：“React Native 有哪些东西是你
转载
2024-01-14 22:55:31
63阅读
React Native 图片那些事ineo6 关注他 2 人赞同了该文章
react-native中使用Image组件来显示图片，表面上和html的img标签大同小异，但是其source属性包含的逻辑缺复杂的多，同时也和bundle运行的方式也有关系。本篇文章将重点讲解下Image中图片解析逻辑，以及如何自定义图片解析逻辑。1. 打包结构react-native bundle
转载
2024-08-16 18:08:53
108阅读
其中遇到下面命令无法执行可忽略该步骤。
2.2：在这个过程中遇到了一个神坑卡了好长时间，文档中说执行npm start启动开发服务器，然后发现根本启动不起来一直卡着不动后来试过各种方法都不行，不知道就是起不来还是什么原因后来放弃了是用该命令 改为react-native run-android启动项目。但是该命令会报下Android project n
Facebook在React.js Conf 2015大会上推出了React Native，想必各位从事app开发的都备受关注，有人说2016年React Native很可能会成为最受欢迎的的开源技术之一。姑且不论这项技术能不能火起来，对于程序猿来说，写一套代码能够适配两个平台也是大家一直希望的，随着技术的不断成熟，这个趋势是必然的。
转载
2024-08-11 14:50:06
41阅读
React Native 源码分析要想深入理解 React Native 的工作原理，有两个部分有必要阅读一下，分别是初始化阶段和方法调用阶段。为了提炼出代码的核心含义，我会在不改变代码意图的基础上对它做一些删改，以便阅读。写这篇文章是，React Native 还处于 0.27 版本，由于在 1.0 之前的变动幅度相对较大，因此下面的源码分析很可能随着 React Native 的演变而过时。但
转载
2023-12-10 16:54:45
75阅读
个人暂时使用Atom和Nuclide，虽然有些不方便，不过喜欢界面以及安装简单哈哈，之后可能尝试下别的。译注：React Native官方更使用或Sublime Text来编写React Native应用。1. Atom和Nuclide1) Atom编辑器Atom是一个开源版本的编辑器，有着非常强大以及完美的体验，Atom最大的特色就是可以安装很多的插件来完成我们的需求。Ato
转载
2023-12-08 13:51:57
3阅读
RN的生态圈很火爆，但是很难找到一个开箱即用的 React Native APP Demo。目前存在的 Demo 要么过于简单，比如 React Native 官网提供的 Demo AwesomeProject ，这个 Demo 只提供了最简功能，对于路由（导航组件）、状态管理等并没有涉及。虽然 React Native 教程中对于复杂应用应如何选择组件及第
转载
2024-02-05 10:53:56
206阅读
# 在 React Native 中调用 Android 原生 SDK
React Native 是一种流行的跨平台移动应用开发框架，它允许开发者使用 JavaScript 开发 Android 和 iOS 应用。然而，尽管 React Native 提供了大量的内置组件和 API，有时我们仍需要调用原生 SDK 以获得更强大或更特定的功能。本文将探讨在 React Native 中如何调用 A
原创
2024-10-23 06:21:26
182阅读
# 如何在React Native中调用C库
## 引言
React Native是一种基于JavaScript的移动应用开发框架，它允许开发者使用JavaScript编写移动应用程序，并同时支持iOS和Android平台。然而，有时候我们可能需要使用一些底层的功能，这时候就需要调用C库来完成。
本文将指导你如何在React Native中调用C库。整个过程可以分为以下几个步骤：
表格：
原创
2023-09-30 06:00:35
111阅读
