删除 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 将解决此问题，如 docs 中所述。

来自文档：

inline: forces relative positioning of NavigationBar component, allowing component to be used inline with other components, i.e. ListView, without its content overlapping NavigationBar

示例：

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

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

删除 Shoutem ui NavigationBar 顶部的内容

Remove Content from on top of Shoutem ui NavigationBar

react-native

shoutem