问题:
我已经使用react-native-side-menu实现了抽屉。
在iOS模拟器上,它可以正常工作。但是在物理设备上,抽屉打开后,一切都消失了。
将抽屉模块更改为本机抽屉无效,抽屉打开后应用内容仍然消失。
示范:video
堆栈:
react-native:0.53。 react-navigation:1.0.0 mobx,mobx-react。
抽屉:
^|
index.js:
import React, { Component } from 'react';
import { Dimensions } from 'react-native';
import { inject, observer } from 'mobx-react';
import Drawer from 'react-native-side-menu';
import SideMenu from './SideMenu';
const deviceWidth = Dimensions.get('window').width;
@inject('ui')
@observer
export default class DrawerWrapper extends Component {
onMenuChanges = (open) => {
if (open) {
this.props.ui.openDrawer();
} else {
this.props.ui.closeDrawer();
}
}
render() {
const { isDrawerOpen } = this.props.ui;
return (
<Drawer
menu={<SideMenu {...this.props} />}
menuPosition="right"
onChange={this.onMenuChanges}
side="right"
openMenuOffset={deviceWidth - 90}
isOpen={isDrawerOpen}
>
{this.props.child}
</Drawer>
);
}
}
P.S在Android模拟器/真实设备上运行正常。