Record Demo to READ.ME

Author: chnirt

README.md

@@ -1,3 +1,5 @@
+<img src="src/assets/demo/sample1.gif" alt="React Native Best Practice" width="150"/>
+
 1. react-navigation
 
 - https://reactnavigation.org/docs/en/getting-started.html

src/assets/demo/sample1.gif

@@ -1,13 +1,14 @@
 import React, {useEffect, useContext} from 'react';
-import {StyleSheet, View, StatusBar, Image} from 'react-native';
+import {StyleSheet, View, StatusBar} from 'react-native';
 import * as firebase from 'firebase';
+import {useNavigation} from '@react-navigation/native';
 
 import Loading from '../components/Loading';
 
 // import {CTX} from '../tools/context';
 
 export default function AuthLoadingScreen(props) {
-  const {navigation} = props;
+  const navigation = useNavigation();
   const {navigate} = navigation;
 
   // const authContext = useContext(CTX);
@@ -18,9 +19,12 @@ export default function AuthLoadingScreen(props) {
   }, []);
 
   function _bootstrapAsync() {
+    // NOTE: firebase
     firebase.auth().onAuthStateChanged(user => {
       navigate(user ? 'Dashboard' : 'Auth');
     });
+
+    // NOTE: context
     // navigate(token ? 'Dashboard' : 'Auth');
   }
 

src/navigation/AuthLoadingNavigator.js

@@ -8,12 +8,13 @@ import {
 } from 'react-native';
 import {Formik} from 'formik';
 import SafeAreaView from 'react-native-safe-area-view';
+import {useNavigation} from '@react-navigation/native';
 
 import ForgotSchema from '../validation/Forgot';
 import {primaryColor} from '../theme';
 
-export default function ForgotScreen(props) {
-  const {navigation} = props;
+export default function ForgotScreen() {
+  const navigation = useNavigation();
   const {navigate} = navigation;
 
   function _onSend() {

src/screens/Forgot.js

@@ -20,7 +20,7 @@ import {primaryColor} from '../theme';
 import LoadingScreen from '../components/Loading';
 
 export default function LoginScreen() {
-  const navigation = useNavigation;
+  const navigation = useNavigation();
   const {navigate} = navigation;
 
   const [loading, setLoading] = useState(false);

src/screens/Login.js

@@ -10,12 +10,13 @@ import {Formik} from 'formik';
 import SafeAreaView from 'react-native-safe-area-view';
 // import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
 import firebase from 'firebase';
+import {useNavigation} from '@react-navigation/native';
 
 import RegisterSchema from '../validation/Register';
 import {primaryColor} from '../theme';
 
 export default function RegisterScreen(props) {
-  const {navigation} = props;
+  const navigation = useNavigation();
   const {navigate} = navigation;
 
   const [errorMessage, setErrorMessage] = useState('');

src/screens/Register.js

@@ -26,7 +26,8 @@ export default function Store(props) {
 
   const _logout = async () => {
     // await AsyncStorage.removeItem('userToken');
-    await AsyncStorage.clear();
+    await AsyncStorage.removeItem('userSkip');
+    // await AsyncStorage.clear();
   };
 
   const _seen = async () => {