index.js

if (__DEV__) {
  import('./ReactotronConfig');
}

import 'react-native-gesture-handler';
import React, {Component} from 'react';
import {AppRegistry, Platform, StatusBar, View} from 'react-native';
import EStyleSheet from 'react-native-extended-stylesheet';
import App from './src/containers/app';
import theme from './src/theme';

class ZooniverseMobile extends Component {
  render() {
    return (
      <View style={styles.container}>
        <PlatformSpecificStatusBar />
        <App />
      </View>
    );
  }
}

const PlatformSpecificStatusBar = () => {
  if (Platform.OS === 'ios') {
    return (
      <StatusBar barStyle="light-content" hidden={false} translucent={false} />
    );
  }

  return null;
};

const styles = EStyleSheet.create({
  container: {
    flex: 1,
  },
});

EStyleSheet.build(theme);
AppRegistry.registerComponent('ZooniverseMobile', () => ZooniverseMobile);