init

package.json

@@ -26,6 +26,7 @@
     "react-native": "0.70.6",
     "react-native-currency-input": "^1.1.0",
     "react-native-dropdown-picker": "^5.4.3",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-localize": "^2.2.4",
     "react-native-maps": "^1.3.2",
     "react-native-modal": "^13.0.1",

src/scenes/Login/index.js

@@ -42,6 +42,9 @@ const Login = ({route, navigation}) => {
   return (
     <Container backgroundColor={Colors.WHITE}>
       <View style={styles.container}>
+        <KeyboardAvoidingView
+          style={{flex: 1}}
+          behavior={Platform.OS === 'ios' ? 'height' : undefined}>
           <TouchableOpacity
             onPress={() => setModalLanguage(true)}
             style={styles.translateButton}>
@@ -59,9 +62,6 @@ const Login = ({route, navigation}) => {
               style={styles.translateButtonImage}
             />
           </TouchableOpacity>
-        <KeyboardAvoidingView
-          style={{flex: 1}}
-          behavior={Platform.OS === 'ios' ? 'height' : undefined}>
           <View style={styles.boardingSection}>
             <Image
               source={require('assets/images/chef-pana.png')}

src/scenes/Register/index.js

@@ -1,16 +1,18 @@
 import React from 'react';
-import {View, Text, ScrollView} from 'react-native';
+import {View, Text, ScrollView, KeyboardAvoidingView} from 'react-native';
 import {Container, Header, Input, Button} from 'components';
 import {Colors} from 'global-styles';
 import styles from './styles';
 import {useTranslation} from 'react-i18next';
+import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scroll-view';
+
 const Register = ({navigation}) => {
   const {t} = useTranslation();
   return (
     <Container backgroundColor={Colors.WHITE}>
       <Header navigation={navigation} smTitle={t('partner_with_us_text')} />
       <View style={styles.container}>
-        <ScrollView>
+        <KeyboardAwareScrollView keyboardOpeningTime={0}>
           <View style={styles.infoSection}>
             <Text style={styles.title}>{t('register_merchant_title')}</Text>
             <Text style={styles.subTitle}>
@@ -34,7 +36,7 @@ const Register = ({navigation}) => {
             label={t('email_business_owner_text')}
             note={t('email_business_owner_note')}
           />
-        </ScrollView>
+        </KeyboardAwareScrollView>
         <Button
           title={t('join_as_a_partner_text')}
           onPress={() => navigation.navigate('BusinessProfileRegistration')}

yarn.lock

@@ -5775,11 +5775,19 @@ react-native-gradle-plugin@^0.70.3:
   resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.70.3.tgz#cbcf0619cbfbddaa9128701aa2d7b4145f9c4fc8"
   integrity sha512-oOanj84fJEXUg9FoEAQomA8ISG+DVIrTZ3qF7m69VQUJyOGYyDZmPqKcjvRku4KXlEH6hWO9i4ACLzNBh8gC0A==
 
-react-native-iphone-x-helper@^1.3.1:
+react-native-iphone-x-helper@^1.0.3, react-native-iphone-x-helper@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.3.1.tgz#20c603e9a0e765fd6f97396638bdeb0e5a60b010"
   integrity sha512-HOf0jzRnq2/aFUcdCJ9w9JGzN3gdEg0zFE4FyYlp4jtidqU03D5X7ZegGKfT1EWteR0gPBGp9ye5T5FvSWi9Yg==
 
+react-native-keyboard-aware-scroll-view@^0.9.5:
+  version "0.9.5"
+  resolved "https://registry.yarnpkg.com/react-native-keyboard-aware-scroll-view/-/react-native-keyboard-aware-scroll-view-0.9.5.tgz#e2e9665d320c188e6b1f22f151b94eb358bf9b71"
+  integrity sha512-XwfRn+T/qBH9WjTWIBiJD2hPWg0yJvtaEw6RtPCa5/PYHabzBaWxYBOl0usXN/368BL1XktnZPh8C2lmTpOREA==
+  dependencies:
+    prop-types "^15.6.2"
+    react-native-iphone-x-helper "^1.0.3"
+
 react-native-localize@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/react-native-localize/-/react-native-localize-2.2.4.tgz#3bc46ade48499ab9df61bf17a9b66633a5ba9bb9"