16、React Native中添加原生功能的实现指南

React Native中添加原生功能的实现指南

1. 引言

在React Native开发中，核心原则之一是使用JavaScript构建真正的原生移动应用。通过抽象层和React Native桥，许多原生API和UI组件得以暴露，让我们能访问移动网页应用所没有的功能，如振动、相机胶卷、联系人、原生警报或吐司等。尽管React Native自带许多内置的原生模块和视图组件，但我们常常需要利用原生应用层实现一些自定义功能。若找不到合适的第一方或第三方库，我们可以自行构建。

2. 暴露自定义iOS模块

在编写React Native应用时，有时需要在原生层执行代码，比如进行数据处理以提高性能、访问未暴露的原生功能或利用现有原生代码。下面将详细介绍如何执行原生Objective - C或Swift代码并与JavaScript层通信，以构建一个原生的 HelloManager 模块为例。

2.1 准备工作

• 创建一个名为 NativeModule 的React Native应用。
• 在项目根目录的终端中运行以下命令安装 react-native-button 库：

$ npm install react-native-button --save

2.2 具体步骤

步骤	操作