From 3e9fd61575bd6ca903e8ae56246b5722594cefa2 Mon Sep 17 00:00:00 2001
From: Whitewater <me@waterwater.moe>
Date: Fri, 9 May 2025 18:29:59 +0900
Subject: [PATCH] fix: update render logic in TabScreen to conditionally render
 for iOS (#3691)

---
 apps/mobile/src/lib/navigation/bottom-tab/TabScreen.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/mobile/src/lib/navigation/bottom-tab/TabScreen.tsx b/apps/mobile/src/lib/navigation/bottom-tab/TabScreen.tsx
index c245e7893..871626a8e 100644
--- a/apps/mobile/src/lib/navigation/bottom-tab/TabScreen.tsx
+++ b/apps/mobile/src/lib/navigation/bottom-tab/TabScreen.tsx
@@ -3,6 +3,7 @@ import type { FC, PropsWithChildren } from "react"
 import { use, useEffect, useMemo } from "react"
 import { StyleSheet } from "react-native"
 
+import { isIOS } from "../../platform"
 import { WrappedScreenItem } from "../WrappedScreenItem"
 import { BottomTabContext } from "./BottomTabContext"
 import { TabScreenWrapper } from "./native"
@@ -92,7 +93,7 @@ export const TabScreen: FC<PropsWithChildren<Omit<TabScreenProps, "tabScreenInde
   )
   const shouldLoadReact = mergedProps.lazy ? isSelected || isLoadedBefore : true
 
-  const render = __DEV__ ? isSelected : true
+  const render = !__DEV__ && isIOS ? true : isSelected
   return (
     <TabScreenWrapper style={StyleSheet.absoluteFill}>
       <TabScreenContext value={ctxValue}>