Le tiroir ne se déclenche pas lorsque vous balayez vers la droite

Question

J'utilise Réaction native-base et j'essaie de glisser mon écran vers la droite pour montrer le tiroir. Je me attends de voir ce tout en balayant:

Ci-dessous mon code,

import React, { Component } from 'react' 
import { Drawer, View } from 'native-base' 
import { Navigator } from 'react-native' 

export default class AppContainer extends Component { 
    constructor(props) { 
    super(props) 
    this.state = { 
     toggled: false, 
     store: {}, 
     theme: null 
    } 
    } 
    toggleDrawer() { 
    this.state.toggled ? this._drawer.close() : this._drawer.open() 
    } 
    openDrawer() { 
    this.setState({toggled: true}) 
    } 
    closeDrawer() { 
    this.setState({toggled: false}) 
    } 
    renderScene(route, navigator) { 
    switch(route) { 
     default: { 
     return null 
     } 
    } 
    } 
    configureScene(route, routeStack) { 
    return Navigator.SceneConfigs.PushFromRight 
    } 
    render() { 
    return (
     <Drawer 
     ref={(ref) => this._drawer = ref} 
     type="displace" 
     content={<View style={{backgroundColor: "#000", height: 1000}}/>} 
     onClose={this.closeDrawer.bind(this)} 
     onOpen={this.openDrawer.bind(this)} 
     openDrawerOffset={0.2} 
     > 
      <Navigator 
      ref={(ref) => this._navigator = ref} 
      configureScene={this.configureScene.bind(this)} 
      renderScene={this.renderScene.bind(this)} 
      /> 
     </Drawer> 
    ) 
    } 
} 

Quand nous courons ce code, tout ce que nous obtenons est un écran vide. J'ai essayé de glisser vers la droite mais le tiroir n'apparaît pas.

Comme on peut le voir, je retourne le composant de tiroir dans la fonction de rendu, mais lorsque je tente de la glisser, le tiroir ne semble pas. J'ai essayé de l'exécuter sur Android à la fois sur un périphérique physique et un périphérique virtuel et ils n'active pas le tiroir. Quel pourrait être le problème?

Answer 1

Dans le composant tiroir après

openDrawerOffset={0.2} 

Ajouter les éléments suivants:

panOpenMask={0.80} 
captureGestures="open"