App.js

import React from 'react';
import {StyleSheet} from 'react-native';

import {I18nManager} from 'react-native';
import {Root} from 'popup-ui';

import AsyncStorage from '@react-native-community/async-storage';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import signup from './screen/auth/signup';
import userprofile from './screen/profile/Profile';
import usermain from './screen/main/usermain';
import login from './screen/auth/login';
import forget from './screen/auth/forget';
import home from './screen/main/home';
import account from './screen/profile/account';
import chat_main from './screen/chat/chat_main';
import chat_one from './screen/chat/chat_one';
import wallet from './screen/profile/wallet';
import StoreFront from './screen/shop/store-front';
import Product from './screen/shop/product';
import Terms from './screen/terms/terms';
import Term from './screen/terms/term';
import SearchProduct from './screen/shop/search-product';
import Bag from './screen/shop/bag';
import verify from './screen/auth/verify';
import password from './screen/auth/password';

import Transactions from './screen/account/transactions';
import Transaction from './screen/account/transaction';
import Orders from './screen/account/orders';
import Order from './screen/account/order';
import BorrowReceipts from './screen/account/borrow-receipts';
import BorrowReceipt from './screen/account/borrow-receipt';

import Active from './screen/active/active';

import OnDemand from './screen/on-demand/onDemand';
import OnDemandStage2 from './screen/on-demand/onDemand-stage2';
import OnDemandStage3 from './screen/on-demand/onDemand-stage3';

import Addresses from './screen/profile/addresses';
let _defz = require('./screen/com/def');
const RootStack = createStackNavigator(
  {
    signup: signup,
    userprofile: userprofile,
    usermain: usermain,
    login: login,
    forget: forget,
    chat_main: chat_main,
    chat_one: chat_one,
    account: account,
    wallet: wallet,
    home: home,
    storeFront: StoreFront,
    Product: Product,
    Terms: Terms,
    Term: Term,
    searchProduct: SearchProduct,
    Addresses: Addresses,
    bag: Bag,
    verify: verify,
    password: password,
    transactions: Transactions,
    transaction: Transaction,
    orders: Orders,
    order: Order,
    borrowReceipts: BorrowReceipts,
    borrowReceipt: BorrowReceipt,
    active: Active,
    onDemand: OnDemand,
    onDemandStage2: OnDemandStage2,
    onDemandStage3: OnDemandStage3,
  },
  {
    headerMode: 'none',
    initialRouteName: 'usermain',
    initialRouteParams: {transition: 'fade'},
  },
);

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {isLoading: true};
  }
  async componentDidMount() {
    I18nManager.allowRTL(false);
    // Preload data from an external API
    // Preload data using AsyncStorage
    //const data = await this.performTimeConsumingTask();

    this.setState({isLoading: false});
  }

  render() {
    let AppContainer;

    AppContainer = createAppContainer(RootStack);

    return <AppContainer />;
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
    height: '100%',
    width: '100%',
  },
  text1: {
    color: 'white',
    fontSize: 20,
    fontWeight: 'bold',
    marginTop: '35%',
    alignSelf: 'center',
    fontFamily: 'FuturaPT-Bold',
  },
  text2: {
    color: 'white',
    fontSize: 20,
    fontWeight: 'bold',
    marginTop: '3%',
    alignSelf: 'center',
    fontFamily: 'FuturaPT-Bold',
  },
  splashImage: {
    alignSelf: 'center',
    height: '100%',
    width: '100%',
  },
  logoImage: {
    alignSelf: 'center',
    height: '10%',
    width: '50%',
    marginTop: '20%',
  },
});
export default App;