diff options
| author | meganhong <34787696+meganhong@users.noreply.github.com> | 2020-07-21 09:51:47 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-07-21 12:51:47 -0400 |
| commit | f1300739189283929cb20a22e5281388d1bbeafc (patch) | |
| tree | eaacd9999063c3ad45e3dc2e62f741e74aaf533e /src/routes/Routes.tsx | |
| parent | e87d4f2b10cff8cf5f31784cfddb22727a94f373 (diff) | |
Tma119: Split Registration Screen (#23)
* split registration screen
* styling
* changed 4:2 to 3:3
* fade wizard with keyboard visibility
* added regex for first and last name
* accidentally saved videos in this folder
* shortened fade duration to 300ms
* add fade to Registration2
* rename RegistrationOne and RegistrationTwo
* moved keyboard logic into RegistrationWizard
* moved loading indicator out of the way
* moving loading to outside of keyboard avoiding view
* moved loading indicator up
Co-authored-by: Megan Hong <meganhong31@g.ucla.edu>
Diffstat (limited to 'src/routes/Routes.tsx')
| -rw-r--r-- | src/routes/Routes.tsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/routes/Routes.tsx b/src/routes/Routes.tsx index 63486448..7379c2c2 100644 --- a/src/routes/Routes.tsx +++ b/src/routes/Routes.tsx @@ -3,14 +3,18 @@ import {createStackNavigator} from '@react-navigation/stack'; import { Login, - Registration, + RegistrationOne, + RegistrationTwo, Verification, Profile, } from '../screens/onboarding'; export type RootStackParamList = { Login: undefined; - Registration: undefined; + RegistrationOne: undefined; + RegistrationTwo: + | {firstName: string; lastName: string; email: string} + | undefined; Verification: {username: string; email: string; userId: string}; Profile: {username: string; userId: string}; }; @@ -28,8 +32,13 @@ const Routes: React.FC<RoutesProps> = ({}) => { options={{headerShown: false}} /> <RootStack.Screen - name="Registration" - component={Registration} + name="RegistrationOne" + component={RegistrationOne} + options={{headerShown: false}} + /> + <RootStack.Screen + name="RegistrationTwo" + component={RegistrationTwo} options={{headerShown: false}} /> <RootStack.Screen |