From cb8ca6c3319060fcbc8a0e3742fd6bc09ae82a2b Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Wed, 11 Dec 2024 11:20:35 +0800
Subject: [PATCH] chore: try UnistylesProvider

---
 app/_layout.tsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/app/_layout.tsx b/app/_layout.tsx
index 5a49de9..e9a585f 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -14,6 +14,7 @@ import { AppState, LogBox } from 'react-native'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 import { createModalStack, ModalProvider } from 'react-native-modalfy'
 import { SafeAreaView } from 'react-native-safe-area-context'
+import { UnistylesProvider } from 'react-native-unistyles'
 import { SWRConfig } from 'swr'
 
 import { Text } from '~/components'
@@ -118,19 +119,21 @@ export default function Root() {
         },
       }}
     >
-      <PortalProvider>
-        <ThemeProvider value={navigationTheme}>
-          <GestureHandlerRootView style={{ flex: 1 }}>
-            <BottomSheetModalProvider>
-              <ModalProvider stack={stack}>
-                <Slot />
-                <Toaster />
-              </ModalProvider>
-            </BottomSheetModalProvider>
-          </GestureHandlerRootView>
-          {__DEV__ && <DrizzleStudio />}
-        </ThemeProvider>
-      </PortalProvider>
+      <UnistylesProvider>
+        <PortalProvider>
+          <ThemeProvider value={navigationTheme}>
+            <GestureHandlerRootView style={{ flex: 1 }}>
+              <BottomSheetModalProvider>
+                <ModalProvider stack={stack}>
+                  <Slot />
+                  <Toaster />
+                </ModalProvider>
+              </BottomSheetModalProvider>
+            </GestureHandlerRootView>
+            {__DEV__ && <DrizzleStudio />}
+          </ThemeProvider>
+        </PortalProvider>
+      </UnistylesProvider>
     </SWRConfig>
   )
 }