Как я могу переключить два разных базовых ящика на одном экране или в одном классе - PullRequest
Новая
       12

Как я могу переключить два разных базовых ящика на одном экране или в одном классе

1 голос
/ 01 октября 2019

Описание проблемы

Я хочу переключить два разных базовых ящика на одном экране или в одном классе, как мы можем это сделать. если я использую ящик внутри другого ящика, переключается только основной ящик.

Реактивная версия - 0.60.5, собственная версия - ^ 2.13.8.

ОжидаетсяПоведение

Я хочу переключить два разных выдвижных ящика на одном экране.

Фактическое поведение

переключается только основной ящик, независимо от того, является ли основнойящик или второй ящик переключается. Пример кода, который я попробовал, находится ниже. 

render() {
return (
  <ImageBackground
    source={require('@images/background.png')}
    style={{ width: '100%', height: '100%' }}>
    <Drawer
      side="right"
      openDrawerOffset={0.3}
      ref={(ref) => { this.drawer = ref; }}
      content={<SideMenu navigation={this.props.navigation} name={this.state.title} onItemSelected={this.onMenuItemSelected} closeDrawer={this.closeDrawer} />}
      onClose={() => this.closeDrawer} >
    <View style={{ flex: 1 }}>
      <Header
        title={"Header"}
        icon='menu'
        onPressMenu={this.onPressMenu}
      />
      <Drawer
        side="right"
        openDrawerOffset={0.3}
        ref={(ref) => { this.drawer = ref; }}
        content={<SecondSideMenu navigation={this.props.navigation} name={this.state.title} onItemSelected={this.onMenuItemSelected2} closeDrawer={this.closeDrawer} />}
        onClose={() => this.closeDrawer} >
        <View style={styles.subContainer}>
          <View style={styles.iconView}>
            <TouchableOpacity
             onPress={() => this.onPressSubMenu()}
            >
              <Icon name={'menu'} size={width / 8.5} color="white" />
            </TouchableOpacity>
          </View>
        </View>
             <ContactInformation navigation={this.props.navigation} />
        </Drawer>
    </View>
    </Drawer>
  </ImageBackground>
);

}}

...