在特定屏幕上通过反应导航修改后退按钮

格力

我正在使用react-navigation自己的导航库,不知道如何更改react-navigation特定屏幕的“后退”按钮(由自动添加)功能?

我的意思是与其在屏幕堆栈中走一步而不是在屏幕堆栈中走两步。或通过为其指定一个屏幕名称(仅在一个组件上)手动进行操作。

谢谢。

本尼格内尔

您可以使用navigationOptions该屏幕覆盖特定屏幕的后退按钮您可以在文档中阅读有关覆盖后退按钮的更多信息react-navigation

docs中的示例

class HomeScreen extends React.Component {
  static navigationOptions = {
    headerTitle: <LogoTitle />,
    headerRight: (
      <Button
        onPress={() => alert('This is a button!')}
        title="Info"
        color="#fff"
      />
    ),
  };
}

覆盖后退按钮

后退按钮会自动在被渲染StackNavigator时,它可以为用户从他们的当前屏幕回去-换句话说,只要有在堆栈超过一分屏后退按钮将被渲染。

通常,这就是您想要的。但它可能在某些情况下,你要自定义后退按钮比你更可以通过上面提到的选项,在这种情况下,你可以指定一个headerLeft,就像我们做了与headerRight,和完全覆盖的后退按钮。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在特定屏幕中禁用“后退”按钮(反应导航堆栈)

对导航后退按钮做出反应以返回到spalsh屏幕

如何通过反应导航更改屏幕(使用按钮)

自定义后退导航,用于反应导航后退按钮

后退按钮从屏幕上消失

在反应导航中禁用后退按钮

如何更改后退按钮标签,反应导航

如何在点击按钮时通过反应导航更改本机反应的屏幕?

无法在 React Native 中的自定义后退按钮上运行反应导航功能

通过导航后退按钮传递数据

登录屏幕上的“后退”按钮循环

如何在反应导航中更改后退按钮路线

React Native反应导航Redux处理Android后退按钮

反应导航奇怪的后退按钮和弹出行为

如何在反应导航中定位后退箭头按钮

如何在 nativescript 6 中的后退按钮事件上导航到特定页面

导航回主屏幕,而不在Ionic中显示后退按钮

如何为底部导航创建导航图?有没有办法修改后退堆栈的行为?

反应iOS 14上缺少本机导航后退箭头

如何通过点击反应路由器 v4 中的按钮在路径上导航?

如何在导航栏的默认后退按钮上设置图像

如何更改导航栏上“后退”按钮的标题

如何在ios上实现导航后退按钮动作?

使用EarlGrey按下导航栏上的“后退”按钮

Swift:在锁定屏幕上添加前进/后退 15 秒按钮

如何在某些屏幕上禁用android后退按钮

如何通过堆栈导航将数据传递到本机选项卡上的特定屏幕?

如何修改工具栏上的后退命令按钮(后退箭头)在代号的人吗?

尝试修改活动的后退按钮