如何更改 NavigationBar 的后退按钮

Question

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

Answer 1

您可以使用 renderRight 或 renderLeft 来控制左右按钮的外观和功能。例如，从文档中您可以将其用作示例：

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

   // ...
 }

这将在右侧放置一个“退出”按钮。