React Native + react-native-router-flux：如何將hideNavBar應用於僅一個 <Scene/> ？

Question

在使用react-native-router-flux的React Native中，我有兩個<Scene/> ，當我將hideNavBar應用於第一個Login ，即使它們處於同一級別，它也適用於第二個Home 。 如何將hideNavBar應用於僅一個<Scene/> Login ？

const RouterWithRedux = connect()(Router)
const store = configureStore()

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key='root'>
            <Scene component={Login} hideNavBar initial={true} key='login' title='Login'/>
            <Scene component={Home} key='home' title='Home'/>
          </Scene>
        </RouterWithRedux>
      </Provider>
    )
  }
}

Answer 1

我不確定原因。 它可能會在不同的actions/PUSH保留一些狀態參數。 作為解決方法，您總是可以嘗試明確一點：它對我有用。

const RouterWithRedux = connect()(Router)
const store = configureStore()

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key='root'>
            <Scene component={Login} hideNavBar initial={true} key='login' title='Login'/>
            <Scene component={Home} hideNavBar={false} key='home' title='Home'/>
          </Scene>
        </RouterWithRedux>
      </Provider>
    )
  }
}

從該路徑開始，可以看到NavBar。 如果您的登錄名在整個場景流程中僅出現一次，則是合適的。