React-native:抽屉打开后的空白屏幕(物理设备,iOS),但在模拟器上运行正常

时间:2018-05-18 11:57:07

标签: react-native ios11 drawer

问题:

我已经使用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模拟器/真实设备上运行正常。

0 个答案:

没有答案