Navigation 如何从某些页面中隐藏导航标题?
我试图仅在我的react本机应用程序的某些页面中隐藏导航标题。但我没有找到解决办法。我不想对这些页面使用不同的导航Navigation 如何从某些页面中隐藏导航标题?,navigation,react-native,ecmascript-6,Navigation,React Native,Ecmascript 6,我试图仅在我的react本机应用程序的某些页面中隐藏导航标题。但我没有找到解决办法。我不想对这些页面使用不同的导航 class AppContainerWithCardStack extends React.Component { render() { let { navigationState, backAction } = this.props return ( <NavigationCardStack
class AppContainerWithCardStack extends React.Component {
render() {
let { navigationState, backAction } = this.props
return (
<NavigationCardStack
navigationState={navigationState}
onNavigateBack={backAction}
style={styles.container}
direction='vertical'
renderHeader={this._renderHeader}
renderScene={this._renderScene}
/>
)
}
_renderHeader(props)
{ const route = props.scene.route
if (route.key === 'Splash')
return null
else
return <NavigationHeader
{...props}
onNavigateBack={props.scene.index > 1 ? backAction : undefined}
renderTitleComponent={props => {
const title = props.scene.route.title
return <NavigationHeader.Title>{title}</NavigationHeader.Title>
}}/>
}
类AppContainerWithCardStack扩展React.Component{
render(){
让{navigationState,backAction}=this.props
返回(
)
}
_渲染器(道具)
{const route=props.scene.route
如果(route.key==='Splash')
返回空
其他的
返回1?返回操作:未定义}
renderTitleComponent={props=>{
const title=props.scene.route.title
返回{title}
}}/>
}
我们使用此代码将导航标题隐藏在介绍的第一个屏幕中(为了可读性而减少):
从'react native'导入{NavigationExperimental}
const{CardStack,Header}=NavigationExperimental
类容器扩展组件{
render(){
返回
}
渲染器(场景操作){
const route=sceneProps.scene.route
如果(route.key=='Splash')返回null//这里我们跳过启动屏幕上的标题
//接下来,我们删除第二个屏幕上的反向导航(可选)
const onNavigateBack=sceneProps.scene.index>1?this.navigateBack:未定义
返回
}
}
。。我在代码中使用RenderRoverLay属性代替renderHeader。感谢@vovkasmI使用相同的代码从splash中删除了标题。但是当第二个页眉加载第一个页眉标题(我从上面的代码中删除了标题)时,动画就出现了。这是怎么发生的?请告诉我如何删除它@沃夫卡斯姆