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

Question

我知道可以 show/hide 通过在各个场景上使用 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>
);

我需要根据当前场景的状态动态切换导航栏on/off。

自述文件说：

Highly Customizable Navigation Bar - Show/hide the navbar depending on Scene or even the state of a Scene (e.g. Edit/Save navbar for edit mode).

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

谢谢！

Answer 1

来自Readme：

Actions.refresh(PARAMS) will update the properties of the current screen.

要以编程方式更新已安装的场景，您只需执行以下操作：

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

随意将任何其他道具放在那里，例如，您还可以使用此刷新功能更改场景的标题。

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

Hide navbar programatically in react-native-router-flux

react-native

react-redux

react-native-router-flux