消除两个对象之间的间隙

Question

我正在使用React Native创建一个应用程序，我正在使用React-Native-Elements（https://react-native-training.github.io/react-native-elements/API/searchbar/）

我在我的应用程序中添加了搜索栏，但是它与我的标题之间存在差距。 它看起来像这样：

这是我的代码：

render(){
return(
  <View style={styles.container}>
    <SearchBar
    lightTheme
    clearIcon
    returnKeyType="go"
    placeholder='Type Here...'
    textInputRef="search"
    containerStyle={{backgroundColor: "#553A91", }}/>
  </View>
);
}

如何消除差距？

编辑： 我尝试使用marginTop，它可以工作，但它仍然有点可见，它们是重叠的，我怎样才能为间隙着色呢？

提前致谢！