调用 RCTDirectEventBlock 不会触发 JS 代码答案

【问题标题】：Calling RCTDirectEventBlock doesn't trigger JS code调用 RCTDirectEventBlock 不会触发 JS 代码
【发布时间】：2016-09-11 20:32:54
【问题描述】：

我正在尝试为 react-native 编写本机 UI 组件，但在弄清楚事件系统的工作方式时遇到了一些麻烦。我已经通读了文档，不幸的是它并不是特别有用，主要是因为它特定于我不太熟悉的 obj-c。对 Swift 也不是很满意，但这是我目前正在尝试学习的语言。下面的代码是我目前所拥有的，我的应用程序加载得很好（XCode 中没有问题）。

CustomViewManager.swift

import Foundation

@objc(CustomViewManager)
class CustomViewManager : RCTViewManager {
  override func view() -> UIView! {
    return CustomView();
  }
}

CustomViewManagerBridge.m

#import "RCTBridgeModule.h"
#import "RCTViewManager.h"

@interface RCT_EXTERN_MODULE(CustomViewManager, RCTViewManager)

RCT_EXPORT_VIEW_PROPERTY(onPress, RCTDirectEventBlock)
RCT_EXPORT_VIEW_PROPERTY(list, NSArray)

@end

CustomView.h

#import "RCTView.h"
@interface CustomView : RCTView
@property (nonatomic, assign) NSArray *list;
@property (nonatomic, copy) RCTDirectEventBlock onPress;
@end

CustomView.swift

import Foundation
import UIKit

@objc(CustomView)
class CustomView : UIView {

  var list: [CGFloat]? {
    didSet {
      print("set list")
    }
  }

  override init(frame: CGRect) {
    super.init(frame: frame);
  }

  required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }

  func setOnPress(callback: RCTDirectEventBlock) {
    print("set onPress", callback)
    let dict:[NSObject:AnyObject] = [
      "hello": "world",
      ]
    callback(dict)
  }

}

然后使用下面的代码从 react 中调用它：

<CustomView list={[1,2,3]} onPress={data => console.log('js', data)} />

这在一定程度上可以正常工作。我可以访问从 swift 代码传递的道具。我得到了列表和 onPress 函数。 但是，当我调用 callback 时，console.log 没有被触发，我不太确定为什么。 任何帮助将不胜感激。

谢谢，戈尔丹

【问题讨论】：

标签： objective-c swift react-native

【解决方案1】：

好的，

原来我使用了不正确的属性类型。将 RCTDirectEventBlock 更改为 RCTBubblingEventBlock 就可以了。

【讨论】：