在原始的react native导航中,我将创建一个navigationOption为“ header”且标题模式为“ float”的堆栈导航器。但是,在这个新版本中,我具有以下内容:
一些组件呈现为:
<BaseComponent>
<Navigation.Element elementId='searchHeader'>
<SearchHeader />
</Navigation.Element>
<View style={LocationsStyles.mainContainer}>
<View style={LocationsStyles.contentContainer}>
...My Children Components Here
</View>
</View>
</BaseComponent>
我的主堆栈布局为:
Navigation.events()。registerAppLaunchedListener(()=> {
Navigation.setRoot({
root: {
stack: {
children: [
{
component: {
name: "search.ServiceLines",
options: {
topBar: {
visible: false,
drawBehind: true
}
}
}
}
]
}
}
})
现在,这很好用,自定义标头在顶部,但是在过渡时,它不是浮动的。标题随视图滑动。我似乎找不到任何地方设置标题,标题模式,手势或任何其他导航选项。您仍然可以创建一个StackNavigator,以及如何使用该布局吗?