在react-native-router-flux中以编程方式隐藏导航栏

时间:2017-05-03 20:16:13

标签: react-native react-redux react-native-router-flux

我正在使用react-native-router-flux

我知道可以在相应场景上使用hideNavbar来显示/隐藏每个场景的导航栏,如下所示:

const scenes = Actions.create(
    <Scene key="root">
        <Scene key="main" component={mainComponent} initial={true} hideNavBar={true}/>
        <Scene key="secondary" component={secondaryComponent} hideNavBar={false} />
    </Scene>
);

我需要根据当前场景的状态动态打开/关闭导航栏。

自述文件说:

  

高度可自定义的导航栏 - 根据场景甚至是场景的状态显示/隐藏导航栏(例如编辑/保存导航栏以进行编辑模式)。

虽然我没有找到任何详细说明。任何人都可以建议或提供示例链接吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

来自Readme

  

Actions.refresh(PARAMS)将更新当前的属性   屏幕。

要以编程方式更新已装载的场景,您只需执行以下操作:

Actions.refresh({key: 'yourSceneKey', hideNavBar: true});

随意放置任何其他道具,例如您也可以使用此刷新功能更改场景的标题。