0
反応ネイティブベースを使用していて、画面をスワイプして引き出しを表示しようとしています。右にスワイプすると引き出しが発生しない
以下を私たちは、このコードを実行すると、我々が得るすべてが空白の画面で
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>
)
}
}
、私のコードです:私はスワイプするとしながら、これを見て期待しています。私は右にスワイプしましたが、引き出しは現れません。
私たちが見ることができるように、私はレンダリング機能で引き出しコンポーネントを返すんだけど、私はそれを強打しようとすると、引き出しは表示されません。私は物理的なデバイスと仮想デバイスの両方でAndroid上で実行しようとし、彼らはドロワーをアクティブにしないでください。何が問題なのでしょうか?
openDrawerOffset={0.2}
後の引き出しコンポーネント内