ios - 重新映射 native 组件属性的正确方法是什么

Question

我是 Swift 和 React-Native 的新手。

有一个第三方原生组件，称为 NativeComp，它是 UIView 的子类。

我想将它包装为react-native组件并将js属性重新映射到 native 属性(一些重命名工作)

例如

js

 <RNComponent config={enable:true, size:5}/>

将生成 native 代码。

component.enable=true
component.size=5

• 方法 1

  RNComponent扩展了NativeComp，并添加了一个新的setConfig，在此函数中配置self。

  它可以工作，但有点奇怪。

• 方法 2 编写一个独立的 UIView 类 ContainerView，添加 NativeComp 作为 subview 。

  override init(frame: CoreGraphics.CGRect) {
  
      self._component = NativeComp(frame: frame);
  
      super.init(frame: frame);
  
      self.addSubview(_component);
  
  }
  
  override func reactSetFrame(_ frame: CGRect)
  {
      _component.reactSetFrame(frame);
  }
  

  它看起来比方法1干净得多，但是因为_component超出了ContainerView边框，所以触摸事件丢失了。

  如果我写成

  override func reactSetFrame(_ frame: CGRect)
  {
      self.reactSetFrame(frame);
      _component.reactSetFrame(frame);
  }
  

程序崩溃执行错误访问在self.reactSetFrame(frame);

我不太明白为什么。

将 js 属性重新映射到现有 native 组件的正确方法是什么？

Answer 1

我的错误。

self.reactSetFrame(frame)会导致无限递归。

更改为 super.reactSetFrame 后，一切正常。