fix(expo): add start:go script and improve system UI theme handling

Author: bingling-sama

package.json

@@ -4,6 +4,7 @@
   "version": "1.0.0",
   "scripts": {
     "start": "expo start --dev-client",
+    "start:go": "expo start --go",
     "prebuild": "expo prebuild",
     "build": "node ./scripts/prebuild.js",
     "android": "expo run:android",

src/app/_layout.tsx

@@ -4,7 +4,6 @@ import * as Haptics from 'expo-haptics';
 import { Stack, useRootNavigationState } from 'expo-router';
 import * as React from 'react';
 import { Appearance, Platform, View } from 'react-native';
-import { SystemBars } from 'react-native-edge-to-edge';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import WebView from 'react-native-webview';
@@ -86,8 +85,6 @@ export default function RootLayout() {
         Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light)
       }
     >
-      {/* 系统状态栏和导航栏管理 */}
-      <SystemBars style="auto" />
       {/* Provider 中带有 Portal，没有 Provider，Toast 和 Modal 会失效，误删  */}
       {/* FIX_ME 自建 portal 组件，支持自定义 Toast Modal */}
       {/* 手势检测 */}

src/hooks/useJPush.ts

@@ -1,4 +1,4 @@
-import * as Notifications from 'expo-notifications';
+import { isRunningInExpoGo } from 'expo';
 import { router } from 'expo-router';
 import { useEffect } from 'react';
 import { NativeModules, Platform } from 'react-native';
@@ -17,6 +17,20 @@ type JPushNotificationResult = {
   title?: string;
 };
 
+type NotificationsModule = typeof import('expo-notifications');
+type NotificationPermissionsStatus =
+  import('expo-notifications').NotificationPermissionsStatus;
+
+let notificationsModulePromise: Promise<NotificationsModule> | null = null;
+
+const getNotificationsModule =
+  async (): Promise<NotificationsModule | null> => {
+    if (isRunningInExpoGo()) return null;
+
+    notificationsModulePromise ??= import('expo-notifications');
+    return notificationsModulePromise;
+  };
+
 const normalizeExtras = (extras: unknown): Record<string, string> | null => {
   if (!extras) return null;
   if (typeof extras === 'string') {
@@ -238,7 +252,8 @@ const handleCustomMessage = (result: unknown) => {
 };
 
 const hasGrantedPushPermission = (
-  settings: Notifications.NotificationPermissionsStatus
+  settings: NotificationPermissionsStatus,
+  Notifications: NotificationsModule
 ) => {
   return (
     settings.granted ||
@@ -247,8 +262,11 @@ const hasGrantedPushPermission = (
 };
 
 export const ensurePushPermission = async (requestIfNeeded = false) => {
+  const Notifications = await getNotificationsModule();
+  if (!Notifications) return false;
+
   const currentSettings = await Notifications.getPermissionsAsync();
-  if (hasGrantedPushPermission(currentSettings)) {
+  if (hasGrantedPushPermission(currentSettings, Notifications)) {
     return true;
   }
 
@@ -257,7 +275,7 @@ export const ensurePushPermission = async (requestIfNeeded = false) => {
   }
 
   const requestedSettings = await Notifications.requestPermissionsAsync();
-  return hasGrantedPushPermission(requestedSettings);
+  return hasGrantedPushPermission(requestedSettings, Notifications);
 };
 
 const registerJPushListeners = async () => {
@@ -297,6 +315,9 @@ export const initializeJPush = async ({
         return false;
       }
 
+      const Notifications = await getNotificationsModule();
+      if (!Notifications) return false;
+
       if (Platform.OS === 'android') {
         await Notifications.setNotificationChannelAsync('tips', {
           name: '消息通知',

src/modules/courseTable/components/courseTable/index.tsx

@@ -1,15 +1,15 @@
 import {
   BackdropBlur,
   Canvas,
+  Image as SkImage,
   makeImageFromView,
   Skia,
-  Image as SkImage,
   SkImage as SkImageType,
   useCanvasRef,
   useImage,
 } from '@shopify/react-native-skia';
 import * as ImageManipulator from 'expo-image-manipulator';
-import * as MediaLibrary from 'expo-media-library';
+import * as MediaLibrary from 'expo-media-library/legacy';
 import React, {
   RefObject,
   useDeferredValue,

src/utils/systemUI.ts

@@ -1,4 +1,5 @@
-import { SystemBars } from 'react-native-edge-to-edge';
+import { isRunningInExpoGo } from 'expo';
+import { StatusBar } from 'react-native';
 
 /**
  * 设置系统UI主题
@@ -7,6 +8,15 @@ import { SystemBars } from 'react-native-edge-to-edge';
 export const setSystemUITheme = (themeName: 'dark' | 'light') => {
   const isDark = themeName === 'dark';
 
-  // 使用 SystemBars 设置状态栏和导航栏样式
-  SystemBars.setStyle(isDark ? 'light' : 'dark');
+  StatusBar.setBarStyle(isDark ? 'light-content' : 'dark-content', true);
+
+  if (isRunningInExpoGo()) return;
+
+  void import('react-native-edge-to-edge')
+    .then(({ SystemBars }) => {
+      SystemBars.setStyle(isDark ? 'light' : 'dark');
+    })
+    .catch(() => {
+      // Expo Go and older native clients do not include this module.
+    });
 };