Я пытаюсь создать собственное приложение с некоторыми компонентами пользовательского интерфейса и некоторыми компонентами React. Мне нужен собственный компонент пользовательского интерфейса, который принимает компонент реагирования как свойство и отображает его как подпредставление.
Я прошел обычный процесс создания нативного компонента пользовательского интерфейса и использовал RCT_EXPORT_VIEW_PROPERTY(view, RCTView)
для получения свойства view.
PagedUIViewManager.swift:
@objc(PagedUIViewManager)
class PagedUIViewManager: RCTViewManager {
override func view() -> UIView! {
return PagedUIView();
}
override static func requiresMainQueueSetup() -> Bool {
return true
}
}
PagedUIView.swift:
class PagedUIView: UIView {
@objc var view: UIView {
didSet {
for subview in self.subviews {
subview.removeFromSuperview()
}
self.addSubview(view)
}
}
override init(frame: CGRect) {
self.view = UIView(frame: frame)
super.init(frame: frame)
self.addSubview(view)
}
}
PagedUIViewManager.m:
#import "React/RCTViewManager.h"
@interface RCT_EXTERN_MODULE(PagedUIViewManager, RCTViewManager)
RCT_EXPORT_VIEW_PROPERTY(view, RCTView)
@end
PagedUINativeView.js:
const PagedUI = requireNativeComponent("PagedUIView");
export default class PagedUIView extends React.Component {
render() {
return <PagedUI {...this.props}/>;
}
}
использование:
<PagedUIView view={<ComponentToRender />} />
Я ожидал, что представление покажет <ComponentToRender />
, но вместо этого я получаю ошибку времени выполнения "Нарушение инварианта: 435, PagedView, 1, [объект объекта] не может использоваться как аргумент собственного метода".