如何在 React Native 元素中居中搜索栏

Question

我是 React Native

的新手，正在使用 React Native Elements 为我正在创建的应用程序构建 UI。我的问题是我似乎无法将搜索栏放置在屏幕中间。有没有道具或我缺少的东西。

Answer 1

您可以为containerStyle prop 添加样式SearchBar

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