React Native 封装iOS原生组件事件点击的理解(二)

最新推荐文章于 2021-09-25 10:29:42 发布

一点心≈

最新推荐文章于 2021-09-25 10:29:42 发布

阅读量319

点赞数

分类专栏： React-Native iOS Object-c

本文链接：https://blog.csdn.net/baihailing/article/details/86544598

版权

本文介绍了如何在React Native中封装iOS原生的button组件并处理点击事件。通过修改前文的Demo，作者在iOS端创建了CLFButton组件，实现了标题设置和点击状态改变，并将事件传递到JS端。在JS端，创建了CLFButton.js文件并在App.js中调用。作者探讨了这种方法的效率和封装性，认为利用set方法的思路更清晰，将继续研究。

摘要由CSDN通过智能技术生成

基于前一篇文章的讨论上篇，对此作者的Demo进行了修改。

该代码的功能主要是实现点击原生button,实现事件的传递。

1.在iOS端还是四个文件：

CLFButton.h文件进行属性的声明：

#import <UIKit/UIKit.h>
#import <React/RCTComponent.h>

NS_ASSUME_NONNULL_BEGIN

@interface CLFButton : UIButton
@property(nonatomic,copy)RCTBubblingEventBlock onClick;
@property(nonatomic,copy)NSString *normalTitle;
@property(nonatomic,copy)NSString *selectedTitle;

@end

NS_ASSUME_NONNULL_END