使用react-native-router-flux删除抽屉页面的后退按钮

Question

我一直在尝试创建一个学习本机的应用程序，它有一个登录界面，经过成功验证后，用户会被重定向到带有导航抽屉的主页 - 这是当今大多数移动应用的标准。

我已使用react-native-router-flux和react-native-drawer-layout来实现此目的。

我让抽屉工作但是一旦我从登录页面到达主页（食谱），我可以看到显示的后退按钮，我似乎无法设置抽屉图标，如反应本机所述 - 抽象布局API无论我尝试什么。

我认为问题在于我的路由器，为此特定场景定义的场景如下。

A1:A11,"<=0"

有人可以帮我弄清楚我在这里失踪的是什么吗？欣赏它很多。

Answer 1

我使用renderLeftButton来渲染抽屉菜单。您应该使用renderBackButton = {null}来隐藏后退按钮。 在此处记录https://github.com/aksonov/react-native-router-flux/blob/master/docs/API_CONFIGURATION.md

Answer 2

在Scene组件上使用hideBackImage prop

Answer 3

我试图移除后退按钮，但终于找到了它。有两种情况。 首先从本机导入视图。如果要删除“后退文本”标题，而只需要后退箭头按钮。

import { View } from 'react-native';

<Scene key="home" component={FooterMenu} title="User Home" renderBackButton={()=>null} />

如果要删除所有内容。

<Scene key="home" component={FooterMenu} title="User Home" renderBackButton={()=><View/>} />