diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/screens/onboarding/ProfileOnboarding.tsx | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/screens/onboarding/ProfileOnboarding.tsx b/src/screens/onboarding/ProfileOnboarding.tsx index 8a6275a9..c173c8e3 100644 --- a/src/screens/onboarding/ProfileOnboarding.tsx +++ b/src/screens/onboarding/ProfileOnboarding.tsx @@ -2,7 +2,7 @@ import AsyncStorage from '@react-native-community/async-storage'; import {RouteProp} from '@react-navigation/native'; import {StackNavigationProp} from '@react-navigation/stack'; import moment from 'moment'; -import React from 'react'; +import React, {useMemo} from 'react'; import { Alert, Image, @@ -382,6 +382,15 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({ } }; + const profilePics = useMemo(() => { + return ( + <View style={styles.profile}> + <LargeProfilePic /> + <SmallProfilePic /> + </View> + ); + }, [form.largePic, form.smallPic]); + return ( <Animated.ScrollView bounces={false}> <Background @@ -389,10 +398,7 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({ gradientType={BackgroundGradientType.Light} style={styles.container}> <StatusBar barStyle="light-content" /> - <View style={styles.profile}> - <LargeProfilePic /> - <SmallProfilePic /> - </View> + {profilePics} <View style={styles.contentContainer}> <TaggInput accessibilityHint="Enter a website." |