【问题标题】:How to have custom component as title of NavBar in react-native-router-flux?如何在 react-native-router-flux 中将自定义组件作为 NavBar 的标题?
【发布时间】:2017-03-19 14:59:13
【问题描述】:

默认情况下,我只能在带有 react-native-router-flux 的 NavBar 标题中包含一行文本。

我想在导航栏的标题中有 2 行文本。因此,我如何才能在 react-native-router-flux 中将自定义组件作为 NavBar 的标题?

【问题讨论】:

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


    【解决方案1】:

    documentation 所述,您可以将自定义导航栏传递给您的场景或路由器。

     <Scene key="about" component={AboutScreen} navBar={()=>{return <CustomNavBar/>} />
    

    很遗憾,您不能拥有自定义 NavBar 标题,因此如果您确实需要此功能,则必须创建一个完整的 NavBar。

    我希望这会有所帮助。 :)

    【讨论】:

    • 创建一个完全自定义的 NavBar 的问题是,在我的自定义 NavBar 中,当被拖动或导航时,我将失去所有标准功能,例如后退箭头、滑动淡入淡出过渡动画等。 :(
    • 是的,真的.. 在这种情况下,我建议您修改库并尝试做 PR,如果我不太忙,我什至会自己做。另一种解决方案是创建一个自定义组件并将其放在标题的正下方,这更像是一种 hack 而不是解决方案。不管怎样,祝你好运!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-25
    • 1970-01-01
    • 2017-01-02
    相关资源
    最近更新 更多