如何從導航實驗中隱藏導航頭文件，僅從某些頁面反應原生態？

Question

我想隱藏導航頭只從我反應原生應用程序中的某些頁面。但我沒有得到它的解決方案。我不想爲這些網頁使用不同的導航實驗。

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> 
        }}/> 

    } 

Answer 1

我們隱藏我們介紹第一個屏幕與此代碼（減少可讀性）導航標題：

import { NavigationExperimental } from 'react-native' 
const { CardStack, Header } = NavigationExperimental 

class IntroContainer extends Component { 
    render() { 
     return <CardStack 
      navigationState={this.props.nav} 
      renderScene={this.renderScene} 
      renderHeader={this.renderHeader}/> 
    } 
    renderHeader(sceneProps) { 
     const route = sceneProps.scene.route 
     if (route.key == 'Splash') return null // Here we skip header on Splash screen 
     // Next, we remove back navigation on second screen (optional) 
     const onNavigateBack = sceneProps.scene.index > 1 ? this.navigateBack : undefined 
     return <Header {...sceneProps} onNavigateBack={onNavigateBack}/> 
    } 
}