javascript - React Native Expo コンポーネントの重複

Question

React Native を使い始めたばかりで、最初の 2 つのコンポーネント、つまり 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>

App.js:

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