原文作者：John A. Calderaio
原生 iOS(Swift) 和 React-Native 的性能比较React-Native 是一个混合的移动框架，可以让你仅仅使用 JavaScript 来构建应用。然而，与其他混合移动开发技术不同的是，你构建的并不是一个 “移动网页应用”（把网页应用封装到一个原生的容器里）。在最后，你会得到一个真正的应用。与使用 Objective-C 编写的 i
转载
2023-08-03 21:01:55
117阅读
目前作者所知道的创建react组件的方式有三种：函数式定义(无状态组件)
function MyComponent(props){
return(
<h1>mycomponent</h1>
)
}es5原生方式
const MyComponent=React.createClass({
render:function
React Native介绍React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Nat
转载
2023-07-20 20:31:51
102阅读
一、简介在讲本篇博文之前，需要你熟知怎么自定义ReactNative组件，然后才好学习将自定义的ReactNative组件制作成第三方库。本文中的自定义的ReactNative组件LoginManager API 源自上篇文章，所以需要先看一下上篇博文。言归正传，ReactNative的确提供了一个非常便捷的方式来扩展Native模块。如果要把模块做成第三方组件的话，还有一些工作要做：首先以一个静
React Native集成到IOS应用附上另一篇RN集成到Android应用：我们默认有一个已有的ios项目，或者创建一个ios应用。第一步： 我们首先要安装RN所依赖的包，在根目录下创建一个react的文件夹，然后在文件夹中创建一个名为package的json文件，在json文件中添加一下代码：{
"name": "MyReactNativeApp",
"version": "0.0
转载
2023-10-12 16:56:35
330阅读
原生应用不仅可以跳转到RN页面，也可以吧RN的组件放到原生应用中，作为原生应用的一部分。首先介绍如何把react native嵌入到android中，然后再介绍如何把RN嵌入到ios中；第一部分：将RN嵌入到android中的步骤如下一、用Android Studio 创建一个程序，我的是RnInAndroid；二、打开命令行终端，进入RnInAndroid，2.1、输入以下命令：npm init
转载
2024-01-23 22:54:06
182阅读
# React Native接入iOS原生开发
React Native是一种使用JavaScript和React构建原生移动应用程序的框架。它允许开发人员使用相同的代码库构建iOS和Android应用程序。然而，在某些情况下，需要在React Native项目中添加一些原生iOS代码来实现一些特定功能。本文将介绍如何在React Native项目中接入iOS原生代码，并提供一些示例代码。
#
原创
2024-04-16 03:29:15
333阅读
# 如何在 React Native 中创建 iOS 原生模块
React Native 是一个强大的框架，它允许我们使用 JavaScript 创建原生移动应用。在使用 React Native 开发过程中，有时我们需要调用一些原生功能，而这时就需要创建原生模块。在本篇文章中，我将指导你如何在 React Native 中实现 iOS 原生模块。
## 整个流程介绍
在创建 iOS 原生模
# 在iOS中引入React Native的步骤指南
在开发移动应用时，结合原生iOS与React Native，可以实现更灵活的用户界面与功能。对于刚入行的小白来说，这可能会显得有些复杂。本文将逐步指导你如何在iOS项目中引入React Native，并提供必要的代码示例。
## 流程概述
以下是引入React Native到你的iOS项目的基本步骤：
| 步骤 | 描述
原创
2024-10-23 04:55:05
148阅读
本人是android开发者，刚刚接触react-native不到一月，这是我的第一篇原创博客，从一开始照着React Native上文档的例子熟悉每一个控件的使用，到页面跳转，跳转到android原生Activity，再到自己实现一些简单的原生的android react-native组件，这是我上传到npm的两个组件（react-native-gotoactivity-android 和reac
转载
2024-01-26 07:15:12
124阅读
第三方库UI套件1， NativeBaseNativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可以使用任意开箱即用的第三方原生库，而这个项目本身也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: https://github.com/GeekyAnts/Nat
转载
2023-11-01 22:22:51
258阅读
# React Native iOS小组件开发指南
随着移动应用程序的普及，小组件（Widgets）在用户体验中扮演着越来越重要的角色。尤其是在iOS中，小组件可以为用户提供实时信息和快捷操作。本文将介绍如何使用React Native创建iOS小组件，包含具体的代码示例，以帮助开发者入门。
## 什么是小组件？
小组件是iOS系统的一种轻量级应用，通常用于提供重要信息的快速视图，如天气、日
本篇文章是《ReactNative源码篇》的第一篇文章，刚开始，我们先不对源码做深入的分析，我们先要对源码的结构和ReactNative的框架有个大致的印象，由此便引出了本篇文章需要讨论的两个问题：1. ReactNative系统框架是怎样的？
2. ReactNative系统框架的主线在哪里，有哪些支线，如何去分析这些线路？复制代码好，我们先来看第一个问题。一 ReactNative系统框架概
转载
2023-12-22 22:51:27
61阅读
# 在 React Native 中嵌入原生 iOS 页面
在开发移动应用时，使用 React Native 的框架提供了极大的便利，可以跨平台构建应用。然而，有时我们可能需要使用原生功能或现有的原生代码，比如 iOS 页面。在本文中，我们将探讨如何在 React Native 中嵌入原生 iOS 页面，并提供相应的代码示例。
## 目录
1. 什么是 React Native
2. 为什么
一：原生传递参数给React Native1：原生给React Native传参原生给JS传数据，主要依靠属性。通过initialProperties，这个RCTRootView的初始化函数的参数来完成。RCTRootView还有一个appProperties属性，修改这个属性，JS端会调用相应的渲染方法。我们使用RCTRootView将React Natvie视图封装到原生组件中。RCTRoot
先说一下我使用webview的时候遇到的一个功能需求是这样的，上图中的这个页面是用h5做的，但是由于点击“我的优惠劵”是需要跳转到我原生的页面，也就是说我需要获得这个h5提供的点击事件，但是由于这个页面不是在我们本地弄的，而是在后台那边弄好，然后通过给一个h5链接，所以我们在本地是没有办法给它添加点击事件。嗯，是的，我们没有办法给它添加事件点击，但是我们没有拿到这个点击事件，我们怎么进行跳转呢。到
现阶段,在移动开发中,原生(Native)虽然开发成本很高,但是仍然是必须的,因为Web App的用户体验仍无法超越原生; 原生(Native)APP开发的优势:Native的原生控件有更好的体验；Native有更好的手势识别；Native有更合适的线程模型，尽管Web Worker可以解决一部分问题，但如图像解码、文本渲染仍无法多线程渲染，这影响了Web的流畅性.一: 什么是React Nati
转载
2024-01-25 18:14:14
44阅读
React Native 源码分析要想深入理解 React Native 的工作原理，有两个部分有必要阅读一下，分别是初始化阶段和方法调用阶段。为了提炼出代码的核心含义，我会在不改变代码意图的基础上对它做一些删改，以便阅读。写这篇文章是，React Native 还处于 0.27 版本，由于在 1.0 之前的变动幅度相对较大，因此下面的源码分析很可能随着 React Native 的演变而过时。但
转载
2023-12-10 16:54:45
75阅读
事实上即使未做任何适配，在12上直接运行的小组件与11就有明显不同，主要表现在选择器和展示的效果。以Chrome和Youtube Music的小组件为例：可以看到12上的一些变化：选择器顶部悬浮搜索框，可以更加快速地找到目标小组件小组件按照App自动折叠，避免无关的小组件占用屏幕空间App标题还对包含的小组件数目进行了提示拖拽到桌面上之后小组件默认拥有圆角设计11上的小组件选择器不支持搜索而且无法
# iOS 小组件与 React Native Widget
在移动应用的开发中，iOS小组件（Widgets）已经成为提升用户体验的关键元素。借助小组件，用户可以直接在主屏幕上查看应用信息，而无需打开应用程序本身。本篇文章将介绍如何使用 React Native 创建 iOS 小组件，并提供一些具体的代码示例。
## 什么是 React Native Widget？
React Nativ
