change orientation

6d56a985 · W.D.R.P. Sandeepa · 7f532c84 · 6d56a985 · 6d56a985
Commit 6d56a985 authored Feb 02, 2022 by W.D.R.P. Sandeepa
Hide whitespace changes
Inline Side-by-side

Showing with 18 additions and 0 deletions

frontend/src/screen/auth/Login.js frontend/src/screen/auth/Login.js +9 -0

frontend/src/screen/auth/Register.js frontend/src/screen/auth/Register.js +9 -0

No files found.
--- a/frontend/src/screen/auth/Login.js
+++ b/frontend/src/screen/auth/Login.js
 import { useNavigation } from "@react-navigation/native";
+import Orientation from 'react-native-orientation-locker';
 import React from "react";
 import { SafeAreaView, ScrollView, View, StyleSheet, ImageBackground, Text, TextInput, TouchableOpacity, Image } from "react-native";

@@ -6,6 +7,14 @@ const Login = () => {

    const navigation = useNavigation();

+    React.useEffect(() => {
+        const unsubscribe = navigation.addListener("focus", () => {
+          Orientation.unlockAllOrientations();
+          Orientation.lockToPortrait();
+        });
+        return unsubscribe;
+      }, [navigation]);
+
    return(
        <SafeAreaView>
            <ScrollView>

--- a/frontend/src/screen/auth/Register.js
+++ b/frontend/src/screen/auth/Register.js
 import React from "react";
+import Orientation from 'react-native-orientation-locker';
 import { useNavigation } from "@react-navigation/native";
 import { SafeAreaView, ScrollView, View, StyleSheet, ImageBackground, Text, TextInput, TouchableOpacity, Image } from "react-native";

@@ -6,6 +7,14 @@ const Register = () => {

    const navigation = useNavigation();

+    React.useEffect(() => {
+        const unsubscribe = navigation.addListener("focus", () => {
+          Orientation.unlockAllOrientations();
+          Orientation.lockToPortrait();
+        });
+        return unsubscribe;
+      }, [navigation]);
+
    return(
        <SafeAreaView>
            <ScrollView>