スパルタコードクラブ🤟🏻 - 開発ログ3
9189 ワード
問題Github
ログアウト機能 firebaseFunctions.jsロード画面出力 SignInPage.jsx
1秒の遅延
状態管理の概念が徐々に把握されていると感じた.
まだまだ不足は多いですが、ドキュメントを見ていると、自分で開発できる気がします…?🙃
難しかったですが、幸い楽しめました.
完江へ行こう~
リポジトリ
import React from "react";
import { StyleSheet, View, Text, TouchableOpacity, Alert } from "react-native";
import { Col, Row, Grid } from "react-native-easy-grid";
import { Container, Content, Thumbnail } from "native-base";
import { logout } from "../config/firebaseFunctions";
import firebase from "firebase/compat";
import "firebase/compat/firestore";
n.関数
export async function logout(navigation) {
try {
const currentUser = firebase.auth().currentUser;
await firebase.auth().signOut();
navigation.push("SignInPage");
} catch (err) {
Alert.alert("로그아웃 실패 -> ", err.message);
}
}
1秒の遅延
useEffect(() => {
navigation.addListener("breforeRemove", (e) => {
e.preventDefault();
});
setTimeout(() => {
setReady(true);
}, 1000);
}, []);
状態管理によるLoading画面の管理const [ready, setReady] = useState(false);
return ready ? (
<Container style={styles.container}>
<ImageBackground source={bImage} style={styles.backgroundImage}>
<Content contentContainerStyle={styles.content} scrollEnabled={false}>
...
</Content>
</ImageBackground>
</Container>
) : (
<Loading />
);
感想
状態管理の概念が徐々に把握されていると感じた.
まだまだ不足は多いですが、ドキュメントを見ていると、自分で開発できる気がします…?🙃
難しかったですが、幸い楽しめました.
完江へ行こう~
Reference
この問題について(スパルタコードクラブ🤟🏻 - 開発ログ3), 我々は、より多くの情報をここで見つけました https://velog.io/@nezhitsya/스파르타-코딩-클럽-개발일지-3-q4t8xnyjテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol