如何将搜索栏放入 header - react-native-elements

Question

我不知道如何将搜索栏放入 header

这是我的代码

  render() {
    return (
      <View >
        <Header
            centerComponent={<SearchBar></SearchBar>}
        />
      </View>
    );
  } 
}

看起来像这样

enter image description here

Answer 1

我认为搜索栏已经在页眉组件内，但搜索栏的大小大于页眉高度。您可以使用浏览器中的 inspect 元素进行检查。尝试增加页眉的高度

您可以像这样改进代码

 <Header centerComponent={<SearchBar/>} />

How to put searchbar into header - react-native-elements