⚡ Bolt: Optimize FlatList memory and rendering performance

.jules/bolt.md

@@ -1,3 +1,6 @@
 ## 2024-04-13 - Missing React.memo for FlatList Items
 **Learning:** The React Native FlatList components in this codebase frequently render unmemoized inline items (like `ContactRow`, `PasswordRow`, etc.), causing unnecessary re-renders of the entire list when individual state changes.
 **Action:** Always wrap long list item components in `React.memo()` to prevent cascading re-renders and improve FlatList scrolling performance.
+## 2026-04-15 - React Native FlatList Optimization
+**Learning:** Missing windowing props in React Native FlatList causes unnecessary memory consumption and degrades scrolling performance on long lists.
+**Action:** Always include initialNumToRender, windowSize, maxToRenderPerBatch, and removeClippedSubviews when implementing FlatList for long lists.

src/screens/CalendarScreen.tsx

@@ -886,7 +886,12 @@ export default function CalendarScreen() {
                 <Text style={[s.stepLabel, { color: colors.textSub }]}>
                   {t('calPickName')} ({parsedSchedule.employees.length} trovati)
                 </Text>
-                <FlatList
+                <FlatList
+                  // Performance optimization: add windowing props to FlatList
+                  initialNumToRender={10}
+                  maxToRenderPerBatch={10}
+                  windowSize={5}
+                  removeClippedSubviews={Platform.OS === 'android'}
                   data={parsedSchedule.employees}
                   keyExtractor={(_, i) => String(i)}
                   style={{ maxHeight: 400 }}

src/screens/FlightScreen.tsx

@@ -1546,6 +1546,11 @@ export default function FlightScreen({ openNotifSettingsSignal = 0 }: FlightScre
         </View>
       ) : (
         <FlatList
+          // Performance optimization: add windowing props to FlatList
+          initialNumToRender={10}
+          maxToRenderPerBatch={10}
+          windowSize={5}
+          removeClippedSubviews={Platform.OS === 'android'}
           data={currentData}
           keyExtractor={(item, i) => item.flight?.identification?.id || String(i)}
           renderItem={renderFlight}

src/screens/PasswordScreen.tsx

@@ -305,6 +305,11 @@ export default function PasswordScreen() {
 
       {/* List */}
       <FlatList
+        // Performance optimization: add windowing props to FlatList
+        initialNumToRender={15}
+        maxToRenderPerBatch={15}
+        windowSize={5}
+        removeClippedSubviews={true}
         data={entries}
         keyExtractor={item => item.id}
         renderItem={({ item }) => (