react-native - 从 Shoutem ui NavigationBar 顶部删除内容

Question

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

Answer 1

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

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

Answer 2

inline styleName如文档中所述，使用将解决此问题。

从文档：

• inline：强制组件的相对定位NavigationBar，允许组件与其他组件内联使用，即ListView其内容不重叠NavigationBar

例子：

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

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