From 1cb48a8985d5eb38a9480fccf0a876ce929de20a Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Wed, 10 Feb 2021 18:30:14 -0500
Subject: added fix using useMemo

---
 src/screens/onboarding/ProfileOnboarding.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'src')

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."
-- 
cgit v1.2.3-70-g09d2