如何使SearchBar在反应本机元素中居中

Question

我是新的反应原住民和使用反应原住民元素为我正在创建的应用程序建立一个UI。我的问题是，我似乎不能把搜索栏放在屏幕的中间。有没有什么道具或者我遗漏的东西。

Answer 1

您可以为styles为containerStyle螺旋桨为SearchBar添加

<View styles={{ flex:1 }}>
   <SearchBar
      placeholder="Type Here..."
      onChangeText={this.updateSearch}
      value={search}
      containerStyle = {{ alignItems:'center', justifyContent:'center' }}
   />
</View>