aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/screens/onboarding/ProfileOnboarding.tsx16
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."