Перекрывающие компоненты React Native Expo - PullRequest
Новая
       11

Перекрывающие компоненты React Native Expo

0 голосов
/ 30 октября 2018

Я только начал с React Native, и я создал свои первые два компонента, а именно AppBar и ProductCard. Я сложил их в App.js точно так же, как в React, но компоненты накладываются друг на друга .. Я пытался использовать 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>
    );
...