在React Native中隱藏導航欄

Question

我在React Native應用程序中使用React Native Router Flux（https://github.com/aksonov/react-native-router-flux）進行路由。

我想隱藏一些視圖的導航欄，但不是爲其他人。是否有捷徑可尋？

Answer 1

是的，有一些方法可以做到這一點。

舉例來說，您有兩個場景，並且您希望在匹配場景時隱藏導航欄。

根據RNRF文檔，你可以使用hideNavBar屬性下導航欄

https://github.com/aksonov/react-native-router-flux/blob/master/docs/API_CONFIGURATION.md

基本的代碼示例將這個樣子

<Scene key="app"> 
    <Scene key="sceneOne" component={ComponentOne} title="SceneOne" /> 
    <Scene key="sceneTwo" hideNavBar={true} component={ComponentTwo} title="SceneTwo" /> 
</Scene> 

注意，在 「SceneTwo」 我們使用hideNavBar={true}