App.js

import * as React from 'react';
import {StatusBar} from 'react-native';
import {mapping, light as lightTheme} from '@eva-design/eva';
import {EvaIconsPack} from '@ui-kitten/eva-icons';
import {ApplicationProvider, IconRegistry} from '@ui-kitten/components';
import MainNavigator from './src/navigation/MainNavigator';
import {Provider} from 'mobx-react';
import {RootStore} from './src/stores/';
import Color from './src/constants/Color';
import {enableScreens} from 'react-native-screens';

console.disableYellowBox = true;
const rootStore = new RootStore();
enableScreens();
const barStyle = Platform.OS === 'ios' ? 'dark-content' : 'light-content';
const App = () => (
  <Provider rootStore={rootStore}>
    <ApplicationProvider mapping={mapping} theme={lightTheme}>
      <StatusBar backgroundColor={Color.primary} barStyle={barStyle} />
      <IconRegistry icons={EvaIconsPack} />
      <MainNavigator />
    </ApplicationProvider>
  </Provider>
);

export default App;