update moment

src/Screens/MethodPay/MethodPayDetail.js

@@ -7,6 +7,10 @@ import {
   Dimensions,
   TouchableOpacity,
   Alert,
+  KeyboardAvoidingView,
+  TouchableWithoutFeedback,
+  Keyboard,
+  Platform,
 } from 'react-native';
 import {connect} from 'react-redux';
 import R from '../../assets/R';
@@ -90,8 +94,14 @@ const MethodPayDetail = (props) => {
   };
 
   return (
+    <KeyboardAvoidingView
+      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
+      style={{flex: 1}}
+      keyboardVerticalOffset={-50}>
+      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
         <View style={{flex: 1}}>
           <HeaderBack title={'Chi tiết phương thức'} />
+          <View style={{flex: 1}}>
             <View style={styles.container}>
               <BankInfor
                 linkImg={params.bank.logo}
@@ -116,6 +126,8 @@ const MethodPayDetail = (props) => {
                 value={account_no}
               />
             </View>
+          </View>
+          <View style={styles.footer}>
             <TouchableOpacity onPress={onUpdate} style={styles.btnLeft}>
               <Text style={styles.txtAdd}>Cập nhật</Text>
             </TouchableOpacity>
@@ -137,6 +149,9 @@ const MethodPayDetail = (props) => {
               <Text style={styles.txtAdd}>Xoá</Text>
             </TouchableOpacity>
           </View>
+        </View>
+      </TouchableWithoutFeedback>
+    </KeyboardAvoidingView>
   );
 };
 
@@ -145,6 +160,13 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingTop: 10,
   },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 10,
+    paddingHorizontal: 20,
+  },
   btnLeft: {
     width: 150,
     height: 40,
@@ -152,9 +174,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: R.colors.main,
     borderRadius: 5,
-    position: 'absolute',
-    bottom: 30,
-    left: 20,
   },
   btnRight: {
     width: 150,
@@ -163,9 +182,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: R.colors.main,
     borderRadius: 5,
-    position: 'absolute',
-    bottom: 30,
-    right: 20,
   },
   txtAdd: {
     color: R.colors.white,