如何在抽屉式导航器中使用后退按钮?

时间:2019-10-16 21:09:33

标签: react-navigation react-navigation-drawer

我有一个def Numberofoccurences(data,sortcolindex,g_index): df = DivideColumns(data,sortcolindex) num_Iris_setosa = 0 num_Iris_versicolor = 0 num_Iris_virginica = 0 for each in df[g_index]: element = each[-1] if(element == 'Setosa'): num_Iris_setosa+=1 elif(element == 'Versicolor'): num_Iris_versicolor+=1 elif (element == 'Virginica'): num_Iris_virginica+=1 array1D_for_occ = np.array([num_Iris_virginica,num_Iris_versicolor,num_Iris_setosa]) return array1D_for_occ 作为我的应用程序的基本块。原因是应该可以从所有屏幕访问它。因此,它也是所有深层链接的目标,并且只会在实际抽屉中显示某些项目。

主页由堆栈的底部导航器组成,并且堆栈本身也有更多条目。

问题在于,在抽屉中导航不会像在堆栈中导航那样显示任何后退按钮。拥有这些功能会很好,就像Android上的后退手势一样。

这是否存在?如果是,应该如何解决?

1 个答案:

答案 0 :(得分:0)

在每个屏幕中,都有一个带有后退按钮的标题组件。您可以使用react native paper之类的组件库中的一个或多个自定义对象。

function Home({ navigation }) {
  return (
    <React.Fragment>
      <MyCustomHeader title="Home" onBackPress={navigation.goBack} />
      {{
        /* screen content */
      }}
    </React.Fragment>
  );
}

确保将backBehavior: 'history'传递给createDrawerNavigator