app.js

import React from "react";
import App from "./src";
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";
import { persistor, store } from "./src/store/index";
import globalStyles from "./src/assets/styles/global";
import { View, Image, StatusBar } from "react-native";
import { Text } from "native-base";

const Loading = () => (
  <View style={[globalStyles.centerContainer, { backgroundColor: "#2845b5" }]}>
    <StatusBar hidden />
    <Text style={{ fontWeight: "bold", fontSize: 20, color: "white" }}>
      Abunawas
    </Text>
    <Text style={{ color: "white" }}>Corporate</Text>
  </View>
);

export default () => (
  <Provider store={store}>
    <PersistGate loading={<Loading />} persistor={persistor}>
      <App />
    </PersistGate>
  </Provider>
);