UISearchBar不显示在react-native项目中

Question

我的Obj-C代码：

#import <UIKit/UIKit.h>
#import "RCTViewManager.h"

@interface RCTSearchBarTest : RCTViewManager
@end

@implementation RCTSearchBarTest

RCT_EXPORT_MODULE()

- (UISearchBar *)view
{
  return [[UISearchBar alloc] init];
}

@end

我的js代码：

var {requireNativeComponent} = React;
var RCTSearchBarTest = requireNativeComponent('RCTSearchBarTest', null);
var App = React.createClass({
  render: function() {
    <View>
      <RCTSearchBarTest />
    </View>
  }
})

我是从React-Native的文档中学到的： https : //facebook.github.io/react-native/docs/nativecomponentsios.html

我试过Reveal ， UISearchBar存在，但未显示。

添加代码后[self setFrame:CGRectMake(0, 0, 375, 44)]; ，它可以工作，但是我从React-Native的代码中查找，但没有找到类似的东西。

是虫子吗？ 还是我错过了什么？

Answer 1

也许您应该在RCTSearchBarTest添加一些样式：

var App = React.createClass({
  render: function() {
    <View>
      <RCTSearchBarTest style={{width:375, height:44}}/>
    </View>
  }
})

顺便说一句，更好的做法是命名管理器类XYZManager并命名视图类XYZ 。