react-native - 如何在 React Native Elements 中将 SearchBar 居中

Question

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

Answer 1

您可以为道具添加样式containerStyleSearchBar

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