Professions.tsx: performance improvements

src/libs/native-base/native-base-extension.d.ts

@@ -6,6 +6,8 @@ declare module 'native-base' {
   namespace NativeBase {
     interface List {
       ListEmptyComponent?: FlatListProps<any>['ListEmptyComponent'];
+      initialNumToRender?: number;
+      maxToRenderPerBatch?: number;
     }
   }
 }

src/screens/HomeScreen/components/Professions/Item.tsx

@@ -37,4 +37,4 @@ const Item = ({ profession, onPress }: ItemProps) => {
   );
 };
 
-export default Item;
+export default React.memo(Item);

src/screens/HomeScreen/components/Professions/Professions.tsx

@@ -51,12 +51,14 @@ const Professions = ({
         renderItem={renderItem}
         ListEmptyComponent={<ListEmpty />}
         keyExtractor={keyExtractor}
+        maxToRenderPerBatch={5}
         refreshControl={
           <RefreshControl
             refreshing={refreshing ?? false}
             onRefresh={onRefresh ?? (() => {})}
           />
         }
+        initialNumToRender={5}
       />
       <QualificationModal
         onPressBackdrop={() => setShowModal(false)}