reza fixed activation Keyboardavoidingview

src/screens/Activation/index.js

@@ -7,6 +7,8 @@ import {
   KeyboardAvoidingView,
   TouchableWithoutFeedback,
   SafeAreaView,
+  ScrollView,
+  Dimensions,
 } from "react-native";
 import { connect } from "react-redux";
 import Svg, { Image as Imagee } from "react-native-svg";
@@ -25,19 +27,22 @@ import Colors from "../../constants/Colors";
 //assets
 import bgQr from "./assets/QR.png";
 
+//variables
 const ios = Platform.OS === "ios";
+const { height } = Dimensions.get("window");
 
 function Activation({ add, mobile, theme }) {
   const [value, setValue] = useState(null);
 
   return (
     <SafeAreaView
-      style={{ paddingTop: ios ? 0 : StatusBar.currentHeight, flex: 1 }}
-    >
-      <KeyboardAvoidingView
-        behavior={Platform.OS === "ios" ? "padding" : "height"}
-        style={{ flex: 1, backgroundColor: "white" }}
+      style={[
+        tw("flex-1"),
+        { paddingTop: ios ? 0 : StatusBar.currentHeight, flex: 1 },
+      ]}
     >
+      <ScrollView style={tw("flex-1")}>
+        <KeyboardAvoidingView behavior={"padding"} style={{ height }}>
           <TouchableWithoutFeedback>
             <View
               style={[
@@ -117,6 +122,7 @@ function Activation({ add, mobile, theme }) {
             </View>
           </TouchableWithoutFeedback>
         </KeyboardAvoidingView>
+      </ScrollView>
     </SafeAreaView>
   );
 }