refactor(App, navigation): migrate to Expo Router and clean up navigation structure

- Updated App entry point to utilize Expo Router, simplifying the navigation setup.
- Removed legacy navigation components and services to streamline the codebase.
- Adjusted package.json to reflect the new entry point and updated dependencies for compatibility.
- Enhanced overall application structure by consolidating navigation logic and improving maintainability.

src/screens/auth/QRCodeConfirmScreen.tsx

@@ -10,28 +10,24 @@ import {
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { useRoute, useNavigation, RouteProp } from '@react-navigation/native';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import { RootStackParamList } from '../../navigation/types';
+import { useRouter, useLocalSearchParams } from 'expo-router';
 import { qrcodeApi } from '../../services/authService';
 import { colors, spacing, fontSizes, borderRadius } from '../../theme';
-
-type QRCodeConfirmRouteProp = RouteProp<RootStackParamList, 'QRCodeConfirm'>;
-type NavigationProp = NativeStackNavigationProp<RootStackParamList>;
+import { AppBackButton } from '../../components/common';
 
 export const QRCodeConfirmScreen: React.FC = () => {
-  const route = useRoute<QRCodeConfirmRouteProp>();
-  const navigation = useNavigation<NavigationProp>();
-  const { sessionId } = route.params;
+  const router = useRouter();
+  const { sessionId: sessionIdParam } = useLocalSearchParams<{ sessionId?: string }>();
+  const sessionId = sessionIdParam || '';
 
   const [loading, setLoading] = useState(false);
   const [userInfo, setUserInfo] = useState<{ id: string; nickname: string; avatar: string } | null>(null);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    // 扫码
-    handleScan();
-  }, []);
+    if (!sessionId) return;
+    void handleScan();
+  }, [sessionId]);
 
   const handleScan = async () => {
     try {
@@ -42,7 +38,7 @@ export const QRCodeConfirmScreen: React.FC = () => {
       const errorMsg = err.response?.data?.message || '扫码失败';
       setError(errorMsg);
       Alert.alert('扫码失败', errorMsg, [
-        { text: '确定', onPress: () => navigation.goBack() }
+        { text: '确定', onPress: () => router.back() }
       ]);
     } finally {
       setLoading(false);
@@ -54,7 +50,7 @@ export const QRCodeConfirmScreen: React.FC = () => {
       setLoading(true);
       await qrcodeApi.confirm(sessionId);
       Alert.alert('登录成功', '网页端已登录', [
-        { text: '确定', onPress: () => navigation.goBack() }
+        { text: '确定', onPress: () => router.back() }
       ]);
     } catch (err: any) {
       const errorMsg = err.response?.data?.message || '确认登录失败';
@@ -70,7 +66,7 @@ export const QRCodeConfirmScreen: React.FC = () => {
     } catch (err) {
       // 忽略取消错误
     }
-    navigation.goBack();
+    router.back();
   };
 
   if (loading && !userInfo) {
@@ -90,7 +86,7 @@ export const QRCodeConfirmScreen: React.FC = () => {
         <View style={styles.errorContainer}>
           <MaterialCommunityIcons name="alert-circle" size={64} color={colors.error.main} />
           <Text style={styles.errorText}>{error}</Text>
-          <TouchableOpacity style={styles.backButton} onPress={() => navigation.goBack()}>
+          <TouchableOpacity style={styles.backButton} onPress={() => router.back()}>
             <Text style={styles.backButtonText}>返回</Text>
           </TouchableOpacity>
         </View>
@@ -101,9 +97,7 @@ export const QRCodeConfirmScreen: React.FC = () => {
   return (
     <SafeAreaView style={styles.container}>
       <View style={styles.header}>
-        <TouchableOpacity onPress={handleCancel} style={styles.closeButton}>
-          <MaterialCommunityIcons name="close" size={24} color="#666" />
-        </TouchableOpacity>
+        <AppBackButton onPress={handleCancel} icon="close" style={styles.closeButton} iconColor="#666" />
         <Text style={styles.headerTitle}>确认登录</Text>
         <View style={styles.placeholder} />
       </View>