benerin card peyang

app.json

 {
   "expo": {
     "extra" : {  
-      "buildNumber" : "118",
+      "buildNumber" : "119",
       "remarks": ""
     },
 

view/Account.js

@@ -447,10 +447,10 @@ class Account extends React.Component {
                                         <TouchableOpacity style={styles.submitTopUp} activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}>
                                             <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}>{i18n.t('topup')}</Text>
                                         </TouchableOpacity>
-                                        <View style={{ padding: 10, height: 200, top: 10, margin: 10 }}>
+                                        <View style={{ padding: 10, height: 250, top: 10, margin: 10 }}>
                                             <ImageBackground style={{ width: '100%', height: '100%', padding: 0, margin: 0 }} resizeMode='stretch' source={this.state.img_card ? { uri: this.state.img_card } : null}>
                                                 <View style={{ justifyContent: 'center' }}>
-                                                    <Text style={{ fontFamily: 'Gotham-Black', margin: 15, fontSize: 14, color: '#c9af6d', top: 120 }}>
+                                                    <Text style={{ fontFamily: 'Gotham-Black', margin: 15, fontSize: 14, color: '#c9af6d', top: 170 }}>
                                                         {this.state.card_number}
                                                     </Text>
                                                 </View>

view/MenuSelection.js

@@ -213,7 +213,7 @@ class MenuSelection extends React.Component {
 
   renderTabBar = ({ item }) => {
     return (
-      <View style={{ flex: 1, height: 60 }}>
+      <View style={{ flex: 0.5}}>
         <TouchableOpacity onPress={() => this.filterSubcategory(item)}>
           {item.image === '' ? (
             <View style={{ height: 60, width: 60, top: 5 }} />
@@ -357,7 +357,7 @@ class MenuSelection extends React.Component {
         ) : (
             <StatusBar backgroundColor='#CFB368' />
           )}
-        <View style={{ flex: 0.5, height: 50, flexDirection: 'row', paddingTop: StatusBar.currentHeight }}>
+        <View style={{ flex: 0.5,paddingTop: StatusBar.currentHeight, marginHorizontal:10, borderBottomWidth:1, paddingBottom:5, borderColor:'#838383' }}>
           <FlatList horizontal={true} style={{ flexDirection: 'row' }}
             showsHorizontalScrollIndicator={false}
             data={this.state.listCategory}
@@ -367,7 +367,7 @@ class MenuSelection extends React.Component {
 
           />
         </View>
-        <View style={{ height: 1, backgroundColor: 'grey', marginRight: 10, marginLeft: 10, marginTop: 5, }}></View>
+        {/* <View style={{ height: 1, backgroundColor: 'grey', marginRight: 10, marginLeft: 10, marginTop: 5, }}></View> */}
         <View style={{ flex: 3, marginRight: 10, marginLeft: 10 }}>
           {this.state.indicator == true ? (
             <ActivityIndicator style={{ top: 10 }} size="large" color="#c9af6d" />
@@ -390,7 +390,7 @@ class MenuSelection extends React.Component {
         </View>
         <View>
         </View>
-        <View style={{ height: 1, backgroundColor: 'grey', marginRight: 10, marginLeft: 10, marginTop: 5, }}></View>
+        <View style={{ height: 1, backgroundColor: 'grey', marginRight: 10, marginLeft: 10 }}></View>
         <View style={{ height: 70 }}>
           <View style={{ flex: 1, flexDirection: 'row' }}>
             <View style={{ flex: 1, justifyContent: 'flex-start' }}>