Add 'KeyboardAvoidingView' to the boltcard details screen so the keyb…

…oard doesn't hide the PIN text input
boltcard · Aug 3, 2023 · 6666b43 · 6666b43
1 parent af656b6
commit 6666b43
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/screen/boltcard/details.js b/screen/boltcard/details.js
@@ -9,7 +9,8 @@ import {
   Text,
   TouchableOpacity,
   View,
-  TouchableWithoutFeedback
+  TouchableWithoutFeedback,
+  KeyboardAvoidingView
 } from 'react-native';
 
 import {
@@ -201,6 +202,9 @@ const BoltCardDetails = () => {
         <View style={[styles.root, stylesHook.root]}>
             <StatusBar barStyle="light-content" />
             <ScrollView contentContainerStyle={[styles.root, stylesHook.root]} keyboardShouldPersistTaps="always">
+              <KeyboardAvoidingView
+                behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+              >
                 <View style={styles.scrollBody}>
                     {loading ?
                         <BlueText>Loading....</BlueText> 
@@ -366,6 +370,8 @@ const BoltCardDetails = () => {
                         </>
                     }
                 </View>
+              </KeyboardAvoidingView>
+
             </ScrollView>
 
         </View>