NativeBase Ящик не работает

Question

Может кто-нибудь, пожалуйста, скажите мне, что не так с этим кодом? Когда я запускаю симулятор, он работает нормально, но когда я сажусь, чтобы открыть контент, он не появляется. Ящик не работает. Что я делаю не так?

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

export default class DrawerExample 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={100} 
     > 
     <Navigator 
      ref={(ref) => this._navigator = ref} 
      configureScene={this.configureScene.bind(this)} 
      renderScene={this.renderScene.bind(this)} 
     /> 
     </Drawer> 
    ); 
     } 
     } 

Answer 1

Вы можете добиться этого с panOpenMask={<value>}. Я проверил его со значением .25.

API говорит:

panOpenMask (номер) null - Отношение ширины экрана, который действителен для начала пан открытого действия. Если нуль -> по умолчанию max(.05, closedDrawerOffset)

EDIT:

Мой полный код (по моему собственному проекту) составляет:

<Drawer 
    ref={(ref) => { this._drawer = ref; }} 
    content={ navigationView } 
    side="right" 
    panOpenMask={.25} 
>