text: import React, { Component } from "react";
  import {
      StyleSheet,
      WebView ,
      View,
      TouchableOpacity,
      Dimensions,
      AsyncStorage,
      ToastAndroid,
      NetInfo,
      Modal,
  } from "react-native";
  import { 
      Container,
      Spinner,
      Button,
      Text,
      Content,
      Header,
      Left,
      Right,
      Title,
      Body,
      Input,
      Card,
      CardItem,
      List,
      ListItem,
      Form,
      Picker,
      Item,
      Textarea,
      Label,
      Thumbnail,
  } from 'native-base';
  import {createDrawerNavigator,DrawerItems, SafeAreaView,createStackNavigator,NavigationActions } from 'react-navigation';
  import Icon  from 'react-native-vector-icons/MaterialCommunityIcons';
  const {width,height} = Dimensions.get('window');
  
  export default class ExpenceList extends Component {
      constructor(props){
          super(props);
          this.state = {
              renderCoponentFlag: false,
              LodingModal: false,
          }
      }
      componentDidMount() {
          setTimeout(() => {this.setState({renderCoponentFlag: true})}, 0);
      }
  
      render() {
          const {renderCoponentFlag} = this.state;
          if(renderCoponentFlag){
              return(
                  <Container>
                      <Content>
                          <Button bordered dark>
                              <Text>ExpenceList</Text>
                          </Button>
                      </Content>
                  </Container>
              );
          }else{
              return (
              <AdvLoder/>
              );
          }
      }
  }
  
  
  class AdvLoder extends Component{
      render(){
          const {width,height} = Dimensions.get('window');
          return(
              <View style={{ flex: 1, width:width, justifyContent: 'center', alignItems: 'center',backgroundColor:'#fff'}}> 
                  <Spinner color='#2874f0' size='large' style={{height:40}} />
              </View>
          )
      }
  }
  
  
  const styles = StyleSheet.create({
      loder: {
          flex: 1,
          alignItems: 'center',
          justifyContent: 'center'
      },
      container: {
          flex: 1,
          alignItems: 'center',
          justifyContent: 'center'
      }
  });