Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 向右滑动时不会触发抽屉_React Native_Native Base - Fatal编程技术网

React native 向右滑动时不会触发抽屉

React native 向右滑动时不会触发抽屉,react-native,native-base,React Native,Native Base,我正在使用react native base,并尝试向右滑动屏幕以显示抽屉。我希望在刷卡时看到: 下面是我的代码 import React, { Component } from 'react' import { Drawer, View } from 'native-base' import { Navigator } from 'react-native' export default class AppContainer extends Component { constructo

我正在使用react native base,并尝试向右滑动屏幕以显示抽屉。我希望在刷卡时看到:

下面是我的代码

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>
    )
  }
}
import React,{Component}来自“React”
从“本机基”导入{Drawer,View}
从“react native”导入{Navigator}
导出默认类AppContainer扩展组件{
建造师(道具){
超级(道具)
此.state={
切换为:false,
存储:{},
主题:空
}
}
切换抽屉(){
this.state.toggled?this.\u drawer.close():this.\u drawer.open()
}
openDrawer(){
this.setState({toggled:true})
}
抽屉{
this.setState({toggled:false})
}
renderScene(路线、导航器){
道岔(进路){
默认值:{
返回空
}
}
}
配置场景(路由、路由堆栈){
返回Navigator.sceneFigs.PushFromRight
}
render(){
返回(
这个.\u drawer=ref}
type=“置换”
内容={}
onClose={this.closeDrawer.bind(this)}
onOpen={this.openDrawer.bind(this)}
OpenDrawerofset={0.2}
>
这是.\u navigator=ref}
configureScene={this.configureScene.bind(this)}
renderScene={this.renderScene.bind(this)}
/>
)
}
}
当我们运行这段代码时,我们得到的只是一个空白屏幕。我试着向右滑动,但抽屉没有出现


正如我们所看到的,我在渲染函数中返回抽屉组件,但是当我尝试滑动它时,抽屉没有出现。我试着在Android上运行它,无论是在物理设备还是虚拟设备上,他们都不会激活抽屉。可能是什么问题?

之后抽屉组件内

openDrawerOffset={0.2}
添加以下内容:

panOpenMask={0.80}
captureGestures="open"