추후 회원 등록 절차가 필요한 계정의 경우, uid 값을 라우터 파라미터로 넣어서 Welcome 화면을 열어주겠습니다. 이 uid 값은 회원 정보를 입력한 후 다음 버튼을 누를 때 createUser 함수의 파라미터로 들어갑니다.

이 컴포넌트에서도 로딩 처리를 해줘야 하는데, 이는 나중에 프로필 사진 업로드를 구현할 때 진행하겠습니다. 컴포넌트를 다 만들었다면 WelcomeScreen에서 사용해주세요.

screens/WelcomeScreen.js

import React from 'react';
import {KeyboardAvoidingView, Platform, StyleSheet, Text} from 'react-native';
import {SafeAreaView} from 'react-native-safe-area-context';
import SetupProfile from '../components/SetupProfile';

function WelcomeScreen() {
  return (
    <KeyboardAvoidingView
      style={styles.keyboardAvoidingView}
      behavior={Platform.select({ios: 'padding'})}>
      <SafeAreaView style={styles.block}>
        <Text style={styles.title}>환영합니다!</Text>
        <Text style={styles.description}>프로필을 설정하세요.</Text>
        <SetupProfile />
      </SafeAreaView>
    </KeyboardAvoidingView>
  );
}

(...)