1
我想禁用我的抽屜,因此無法在我的註冊場景中訪問。我不知道如何從場景中引用抽屜。我怎樣才能做到這一點?我的代碼如下所示:在場景中反應本機禁用抽屜
主營:
export default class Main extends Component {
render() {
return (
<AppDrawer ref={c => { c ? this.drawer = c.drawer : this.drawer }}>
<StatusBar backgroundColor='#3B373C'/>
<AppRouter/>
</AppDrawer>
);
}
}
AppDrawer:
export default class AppDrawer extends Component {
constructor(props) {
super(props);
this.state = {
disabled: false
}
}
render() {
return (
<Drawer
ref={c => this.drawer = c}
tapToClose
disabled={this.state.disabled}
type="overlay"
content={<DrawerContent />}
openDrawerOffset={0.3}
panCloseMask={0.2}
closedDrawerOffset={-3}
styles={style}
tweenHandler={(ratio) => ({ main: { opacity: (2 - ratio)/1.5 } })}>
{React.Children.map(
this.props.children, c => React.cloneElement(c, {route: this.props.route})
)}
</Drawer>
)
}
}
disable() {
this.setState({disabled: true});
}
enable() {
this.setState({disabled: false});
}
AppDrawer.propTypes = {
children: PropTypes.node,
route: PropTypes.object,
}
AppRouter:
export default class AppRouter extends Component {
render() {
var hamburgerIcon = require('../../res/image/hamburger_icon.png');
var mailIcon = require('../../res/image/hamburger_icon.png');
return (
<Router
style={routerStyle.router}
navigationBarStyle={navBarStyle.navBar}
titleStyle={navBarStyle.navTitle}
leftButtonStyle={navBarStyle.leftButtonStyle}
drawerImage={hamburgerIcon}>
<Scene key='Register' component={Register} title='Rejestracja' type='reset' />
<Scene key='Profile' component={Profile} title='Edycja Profilu' type='reset' />
<Scene key='History' component={History} title='Trasy' type='reset'
rightButtonImage={mailIcon}
onRight={this.sendMail}
rightButtonStyle={navBarStyle.rightButtonStyle}
rightButtonIconStyle={navBarStyle.rightButtonIconStyle} />
<Scene key='Tracking' component={Tracking} title='Nowa trasa' type='reset' />
<Scene key='Summary' component={Summary} title='Podsumowanie' type='reset' />
</Router>
);
}