如何更改NavigationBar的后退按钮

时间:2016-10-08 22:40:55

标签: react-native navigationbar

我正在使用ex-navigation的React Native应用。现在我有一个窗口,它有两种模式:编辑和查看。当它处于编辑模式时,导航的左按钮会显示一个检查图标。一旦用户按下检查按钮,它就切换到查看模式,左按钮显示后退箭头图标。任何人都知道如何使用ex-navigation实现它。如果导航无法做到这一点,那么任何其他导航库都可以做到吗?任何帮助将不胜感激。感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用renderRight或renderLeft来控制左或右按钮的外观和功能。例如,您可以使用此文档作为示例:

    class AboutScreen extends React.Component {
        static route = {
           navigationBar: {
           title: 'Title goes here',
           renderRight: (route, props) => <SignOutButton name={route.params.name} />
     }
   }

   // ...
 }

将放出&#34;退出&#34;右边的按钮。