Fix screen-blanking bug

src/view/shell/mobile/index.tsx

@@ -112,11 +112,11 @@ export const MobileShell: React.FC = observer(() => {
         </TouchableOpacity>
       </View>
       <SafeAreaView style={styles.innerContainer}>
-        <ScreenContainer>
+        <ScreenContainer style={styles.screenContainer}>
           {screenRenderDesc.screens.map(({Com, params, key, activityState}) => (
             <Screen
               key={key}
-              style={styles.screen}
+              style={[StyleSheet.absoluteFill, styles.screen]}
               activityState={activityState}>
               <Com params={params} />
             </Screen>
@@ -177,7 +177,7 @@ function constructScreenRenderDesc(nav: NavigationModel): {
       return Object.assign(matchRes, {
         key: `t${tab.id}-s${screen.index}`,
         activityState: isCurrent ? 2 : 0,
-      })
+      }) as ScreenRenderDesc
     })
     screens = screens.concat(parsedTabScreens)
   }
@@ -194,6 +194,9 @@ const styles = StyleSheet.create({
   innerContainer: {
     flex: 1,
   },
+  screenContainer: {
+    flex: 1,
+  },
   screen: {
     backgroundColor: colors.gray1,
   },

todos.txt

@@ -14,6 +14,4 @@ Paul's todo list
   - Follows list
 - Navigation
   - Restore all functionality that was disabled during the refactor
-  - Reduce extraneous triggers of useLoadEffect
-- Bugs
-  - Home screen goes white sometimes, not sure why (possibly related to multiple active instances of the screen)
+  - Reduce extraneous triggers of useLoadEffect