从Shoutem ui NavigationBar顶部删除内容

Question

当我使用Shoutem时，“后”内容位于导航栏的顶部。我怎么才能把它移下来？

Answer 1

目前，这种模式似乎是最好的选择。

<Screen
                style={{ paddingTop: 70 }}
            >
                <NavigationBar
                    centerComponent={<Title>Title</Title>}
                />
                <Title>Content now below NavigationBar</Title>
            </Screen>

Answer 2

使用inline styleName将像文档中所描述的那样解决这个问题。

从医生那里：

• 内联：强制对NavigationBar组件进行相对定位，允许将组件与其他组件(即ListView )内联使用，而无需与其内容重叠的NavigationBar

示例：

<NavigationBar
  styleName="inline"
  title="My Title"
/>

<Button>
  <Text>My text.</Text>
</Button>