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 。