Fix StatusBar

vintasoftware · Jan 28, 2025 · c5f7679 · c5f7679
1 parent c12a4d7
commit c5f7679
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -33,6 +33,7 @@ The app implements a secure live chat system following Medplum's ["Organizing Co
 
 - **UI/UX Features**
   - Native look and feel
+  - Dark mode / theme support
   - Auto-scroll to bottom after new messages
   - Loading states and indicators
   - Safe area handling

diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -57,8 +57,10 @@ export default function RootLayout() {
   return (
     <SafeAreaProvider initialMetrics={initialWindowMetrics}>
       <SafeAreaView className="h-full bg-background-50 md:w-full">
-        <StatusBar style={colorScheme === "dark" ? "dark" : "light"} />
-
+        <StatusBar
+          style={colorScheme === "dark" ? "light" : "dark"}
+          backgroundColor={colorScheme === "dark" ? "black" : "white"}
+        />
         <GluestackUIProvider mode={colorScheme}>
           <MedplumProvider medplum={medplum}>
             <GestureHandlerRootView className="flex-1">