2017-04-06 7 views
0

反応ネイティブベースを使用していて、画面をスワイプして引き出しを表示しようとしています。右にスワイプすると引き出しが発生しない

以下

enter image description here

を私たちは、このコードを実行すると、我々が得るすべてが空白の画面で

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> 
    ) 
    } 
} 

、私のコードです:私はスワイプするとしながら、これを見て期待しています。私は右にスワイプしましたが、引き出しは現れません。

enter image description here

私たちが見ることができるように、私はレンダリング機能で引き出しコンポーネントを返すんだけど、私はそれを強打しようとすると、引き出しは表示されません。私は物理的なデバイスと仮想デバイスの両方でAndroid上で実行しようとし、彼らはドロワーをアクティブにしないでください。何が問題なのでしょうか?

openDrawerOffset={0.2} 

後の引き出しコンポーネント内

答えて

1

は、以下を追加します。

panOpenMask={0.80} 
captureGestures="open" 
関連する問題