javascript - React Native Expo 组件重叠

Question

我刚开始使用 React Native，我制作了我的前两个组件，即 anAppBar和 a 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>

应用程序.js：

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