【问题标题】:Hide navbar programatically in react-native-router-flux在 react-native-router-flux 中以编程方式隐藏导航栏
【发布时间】:2017-05-03 20:16:12
【问题描述】:

我正在使用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>
);

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

自述文件说:

高度可定制的导航栏 - 根据场景甚至场景状态显示/隐藏导航栏(例如,编辑/保存导航栏以用于编辑模式)。

不过,我没有找到任何详细说明。任何人都可以建议或提供一个示例的链接吗?

谢谢!

【问题讨论】:

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


    【解决方案1】:

    来自Readme

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

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

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

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

    【讨论】:

    • 这非常有效。谢谢! (在发布问题之前我实际上已经尝试过类似的方法,但有些东西不起作用)
    • 很高兴它有帮助!
    猜你喜欢
    • 2017-03-14
    • 1970-01-01
    • 2023-04-04
    • 2023-04-05
    • 1970-01-01
    • 2017-10-23
    • 1970-01-01
    相关资源
    最近更新 更多