loading bar di home bagian card number

view/Home.js

@@ -29,6 +29,7 @@ class Home extends React.Component {
       my_lat: 0,
       my_long: 0,
       indicator: true,
+      indicatorProfileCard: true,
       slider_height: 350,
       slugs: [],
       placeholder: true
@@ -59,6 +60,7 @@ class Home extends React.Component {
     this._unsubscribe = this.props.navigation.addListener('focus', () => {
       this.setState({
         indicator: true,
+        indicatorProfileCard: true
       })
       this._account();
       if (this.props.outlet_id == '' && this.props.name_outlet == '' && this.props.outlet_detailadress == '') {
@@ -155,7 +157,7 @@ class Home extends React.Component {
         balance: balance,
         account_number: account_number,
         expire_date: expire,
-        indicator: false
+        indicatorProfileCard: false
       })
     }).catch(error => {
       let response = error.response.data
@@ -372,7 +374,13 @@ class Home extends React.Component {
 
 
               {
-                this.state.indicator == true ? (<ActivityIndicator style={{ top: 20, justifyContent: "center" }} size="large" color="#c9af6d" />) :
+                this.state.indicatorProfileCard == true ? (
+                  <View style={styles.card}>
+                    <Card style={{ padding: 20, margin: 10, alignContent: 'center' }}>
+                      <ActivityIndicator style={{ top: 20, justifyContent: "center" }} size="large" color="#c9af6d" />
+                    </Card>
+                  </View>
+                ) :
                   this.state.account_number === "" ? (
                     <View style={styles.card}>
                       <Card style={{ padding: 10, margin: 10, alignContent: 'center' }}>
@@ -453,9 +461,9 @@ class Home extends React.Component {
               <View style={{ flexDirection: 'row', flex: 1 }}>
                 <TouchableOpacity
                   // style={styles.submitUpgradePemium} 
-                  activeOpacity={.5} 
+                  activeOpacity={.5}
                   onPress={() => this.props.navigation.navigate('TopUpInfo')}
-                  >
+                >
                   <View style={{
                     flex: 0.5,
                     height: 40,