修复切换亮暗主题时的状态栏字体颜色适配问题

src/components/common/StatusBar.tsx

@@ -9,5 +9,6 @@ const StatusBar = function() {
 }
 
 StatusBar.currentHeight = RNStatusBar.currentHeight ?? 0
+StatusBar.setBarStyle = RNStatusBar.setBarStyle
 
 export default StatusBar

src/core/init/theme.ts

@@ -3,20 +3,25 @@ import { getAppearance, getIsSupportedAutoTheme, onAppearanceChange } from '@/ut
 import { setShouldUseDarkColors, applyTheme } from '@/core/theme'
 import { getTheme } from '@/theme/themes/index'
 import settingState from '@/store/setting/state'
+import StatusBar from '@/components/common/StatusBar'
 // import { Dimensions, PixelRatio } from 'react-native'
 
 
 export default async(setting: LX.AppSetting) => {
-  setShouldUseDarkColors(getAppearance() == 'dark')
-  applyTheme(await getTheme())
-
   if (getIsSupportedAutoTheme()) {
+    setShouldUseDarkColors(getAppearance() == 'dark')
+
     onAppearanceChange(color => {
       setShouldUseDarkColors((color ?? 'light') == 'dark')
       if (settingState.setting['common.isAutoTheme']) void getTheme().then(applyTheme)
     })
   }
 
+  applyTheme(await getTheme())
+
+  global.state_event.on('themeUpdated', (theme) => {
+    StatusBar.setBarStyle(theme.isDark ? 'light-content' : 'dark-content')
+  })
   // onDimensionChange(({ window }) => {
   //   let screenW = window.width
   //   let screenH = window.height

src/navigation/navigation.ts

@@ -11,10 +11,10 @@ import {
 
 import themeState from '@/store/theme/state'
 import { NAV_SHEAR_NATIVE_IDS } from '@/config/constant'
+import { getStatusBarStyle } from './utils'
 
 // const store = getStore()
 // const getTheme = () => getter('common', 'theme')(store.getState())
-const getStatusBarStyle = (isDark: boolean) => isDark ? 'light' : 'dark'
 
 export async function pushHomeScreen() {
   /*
@@ -71,10 +71,10 @@ export async function pushHomeScreen() {
               },
               navigationBar: {
                 // visible: false,
-                backgroundColor: theme.isDark ? '#000' : '#fff',
+                backgroundColor: theme['c-content-background'],
               },
               layout: {
-                // componentBackgroundColor: theme.isDark ? '#000' : '#fff',
+                componentBackgroundColor: theme['c-content-background'],
               },
             },
           },
@@ -134,12 +134,12 @@ export function pushPlayDetailScreen(componentId: string) {
             style: getStatusBarStyle(theme.isDark),
             backgroundColor: 'transparent',
           },
-          navigationBar: {
+          // navigationBar: {
-            // visible: false,
+          //   // visible: false,
-            backgroundColor: theme.isDark ? '#000' : '#fff',
+          //   backgroundColor: theme['c-content-background'],
-          },
+          // },
           layout: {
-            componentBackgroundColor: theme.isDark ? '#000' : '#fff',
+            componentBackgroundColor: theme['c-content-background'],
           },
           animations: {
             push: {
@@ -227,12 +227,12 @@ export function pushSonglistDetailScreen(componentId: string, id: string) {
             style: getStatusBarStyle(theme.isDark),
             backgroundColor: 'transparent',
           },
-          navigationBar: {
+          // navigationBar: {
-            // visible: false,
+          //   // visible: false,
-            backgroundColor: theme.isDark ? '#000' : '#fff',
+          //   backgroundColor: theme['c-content-background'],
-          },
+          // },
           layout: {
-            componentBackgroundColor: theme.isDark ? '#000' : '#fff',
+            componentBackgroundColor: theme['c-content-background'],
           },
           animations: {
             push: {
@@ -360,12 +360,12 @@ export function pushCommentScreen(componentId: string) {
             style: getStatusBarStyle(theme.isDark),
             backgroundColor: 'transparent',
           },
-          navigationBar: {
+          // navigationBar: {
-            // visible: false,
+          //   // visible: false,
-            backgroundColor: theme.isDark ? '#000' : '#fff',
+          //   backgroundColor: theme['c-content-background'],
-          },
+          // },
           layout: {
-            componentBackgroundColor: theme.isDark ? '#000' : '#fff',
+            componentBackgroundColor: theme['c-content-background'],
           },
           animations: {
             push: {
@@ -446,10 +446,10 @@ export function pushCommentScreen(componentId: string) {
 //           },
 //           navigationBar: {
 //             // visible: false,
-//             backgroundColor: theme.isDark ? '#000' : '#fff',
+//             backgroundColor: theme['c-content-background'],
 //           },
 //           layout: {
-//             componentBackgroundColor: theme.isDark ? '#000' : '#fff',
+//             componentBackgroundColor: theme['c-content-background'],
 //           },
 //           animations: {
 //             push: {