react-native iOS 原生组件 swift版

最新推荐文章于 2024-09-04 17:17:58 发布

H_小猪

最新推荐文章于 2024-09-04 17:17:58 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： swift;react-native 文章标签： react-native swift

本文链接：https://blog.youkuaiyun.com/Wx_H_/article/details/60962707

本文介绍如何在React-Native项目中封装一个Swift原生组件。首先初始化一个React-Native工程，然后创建Swift类，并处理Bridging-header以引入React相关文件。通过编写CamerManageBridge.m作为桥接，调用Swift编写的CameraView，并将其返回给React-Native使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学习着react-native，看到可以封装组件功能，就尝试着封装一个swift版本的（网上搜半天都是oc愣是研究半天）

初始化一个React-native工程后,因是oc工程,直接创建一个swift的类会提示创建Bridging-header的头文件.

将用到的React的文件引入

#import <React/RCTBridgeModule.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import <React/RCTViewManager.h>

然后创建一个.m的oc文件引入对应的头文件

我创建的为CamerManageBridge.m

#import <React/RCTBridgeModule.h>
#import <React/RCTViewManager.h>
#import "工程名-Swift.h"

第三个文件为与swift创建的类引用进 .规范则为工程名-Swift.h

CamerManageBridge.m代码实现

@interface CameraManage: RCTViewManager
@end

@implementation CameraManage

RCT_EXPORT_MODULE()

- (UIView *) view {
  return [[CameraView alloc] initWithFrame:[UIScreen mainScreen].bounds];
}

@end

上CameraView则为swift创建的文件.

继承自React-native 的RCTViewM