React-native: пустой экран после открытия ящика (физическое устройство, iOS), но на симуляторе работает нормально - PullRequest
Новая
       12

React-native: пустой экран после открытия ящика (физическое устройство, iOS), но на симуляторе работает нормально

0 голосов
/ 18 мая 2018

Проблема:

Я реализовал ящик с помощью response-native-side-menu.

В симуляторе iOS все работает нормально.Но на физическом устройстве после того, как ящик открыт, все исчезает.

Изменение модуля ящика на Reaction-native-ящик не помогает, содержимое приложения по-прежнему исчезает после открытия ящика.

Демонстрация: видео

Стек:

Реактивный: 0,53.реакция-навигация: 1.0.0 мобкс, моб-реакция.

Ящик: 

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

index.js: 

import React from 'react';
import { Provider } from 'mobx-react';
import { StyleProvider, Root } from 'native-base';
import { StackNavigator } from 'react-navigation';

import stores from './stores';
import screens from './screens';
import getTheme from './theme/components';
import DrawerWrapper from './components/Drawer';

const Navigator = StackNavigator(screens, {
  headerMode: 'none',
  initialRouteName: 'AuthBridge',
});

const App = () => (
  <StyleProvider style={getTheme()}>
    <Provider {...stores}>
      <Root>
        <DrawerWrapper
          child={<Navigator />}
        />
      </Root>
    </Provider>
  </StyleProvider>
);

export default App;

PS Работает нормально на симуляторе Android /реальное устройство.

...