反应Native Expo组件重叠

Question

我刚开始使用React Native，并制作了我的前两个组件，分别是AppBar和ProductCard。我像在React中一样将它们堆叠在App.js中，但组件彼此重叠..我尝试使用flexDirection: 'column'，但还是没有运气。.是否有任何position我可以更改顺序将它们堆叠起来？另外，我正在使用shoutem UI。

AppBar.js和ProductCard.js的代码：

render() {
    return (
      <NavigationBar
        centerComponent={<Title>BHAAW</Title>}
        style={{
          container: {
            backgroundColor: "#42f445"
          }}}
      />
    )}


       render()
        return(
         <Card>
          <View styleName="content">
            <View styleName="horizontal v-center space-between">
            </View>
          </View>
        </Card>

App.js：

return (
      <View style={{ marginTop: StatusBar.currentHeight}}>
        <AppBar />
        <ProductCard />
      </View>
    );