Question

我们在应用程序中使用抽屉导航器来显示抽屉中的路线。我们的路线有成堆的页面，用户可以进入页面。例如：

首页
- HomeChild1
- HomeChild2
关于

当用户转到HomeChild1或HomeChild2时，我们希望在标题中显示后退按钮。我们不想在每个页面的导航选项中添加后退按钮，如下所示：

HomeScreen1.navigationOptions = ({ navigation }) => {
  const { state } = navigation;
  return {
    title: `Home Screen 1`,
    headerLeft: (
      <Icon
        name="ios-arrow-back"
        type="ionicon"
        color="#FFF"
        underlayColor="transparent"
        iconStyle={{ paddingRight: 5 }}
        onPress={() => {
          navigation.navigate.goBack();
        }}
      />
    )
  };
}

有没有办法将此配置放到全局级别（例如在defaultNavigationOptions中）。

const defaultNavigationOptions = ({ navigation }) => {
  return {
    hideStatusBar: false,
    headerStyle: {
      backgroundColor: Colors.baseColor
    },
    headerTintColor: Colors.titleColor,
    headerBackImage: ( //this has no affect
      <Icon
        name="ios-arrow-back"
        type="Ionicons"
        style={{ color: "#D8025E", fontSize: 30, paddingHorizontal: 10 }}
      />
    ),
    headerLeft: (
      <Icon
        name="menu"
        size={30}
        style={{ marginStart: 25 }}
        color="#FFF"
        backgroundColor="#FFF"
        onPress={() => navigation.openDrawer()}
      />
    )
  };
};

Answer 1

您可以使用导航路径值进行设置。

body('HTTP')

createDrawerNavigator和后退按钮

1 个答案: