小编ksh*_*way的帖子

在一个屏幕上反应原生的两个抽屉

我有一个应用程序需要能够使用两个抽屉导航器，一个在标题的左侧和右侧。

我现在可以用滑动手势打开两个抽屉，但是我需要能够以编程方式打开它。我发现该navigation.openDrawer()功能仅适用于其中一个抽屉，而不适用于另一个，因为它只能使用我的抽屉导航器中的一个导航道具（以先到者为准）。

以下是我的渲染功能：

const LeftStack = createStackNavigator(
  {
    LeftDrawerStack
  },
  {
    navigationOptions: ({navigation}) => ({
      headerLeft: (
        <TouchableOpacity onPress={() => navigation.openDrawer()}>
          <Icon style={{marginLeft: 10}} name='menu'/>
        </TouchableOpacity>
      )
    })
  }
);

const RightStack = createStackNavigator(
  {
    RightDrawerStack
  },
  {
    navigationOptions: ({navigation}) => ({
      headerRight: (
        <TouchableOpacity onPress={() => navigation.openDrawer()}>
          <Icon style={{marginRight: 10}} name='ios-bulb'/>
        </TouchableOpacity>
      )
    })
  }
);

export const RouteStack = createStackNavigator(
  {
    screen: LoginScreen,
    navigationOptions: ({navigation}) => ({
      header: null
    }),
    LeftStack,
    RightStack
  }
);

Run Code Online (Sandbox Code Playgroud)

这是我的抽屉路线：