React native 向右滑动时不会触发抽屉
我正在使用react native base,并尝试向右滑动屏幕以显示抽屉。我希望在刷卡时看到: 下面是我的代码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
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"