feat: 同步dev分支并保留当前修改

src/screens/profile/SettingsScreen.tsx

@@ -20,6 +20,7 @@ import { colors, spacing, fontSizes, borderRadius } from '../../theme';
 import { useAuthStore } from '../../stores';
 import { Text, ResponsiveContainer } from '../../components/common';
 import { useResponsive } from '../../hooks';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 interface SettingsItem {
   key: string;
@@ -67,6 +68,11 @@ export const SettingsScreen: React.FC = () => {
   const navigation = useNavigation();
   const { logout } = useAuthStore();
   const { isWideScreen } = useResponsive();
+  const insets = useSafeAreaInsets();
+  const { isMobile } = useResponsive();
+  
+  // 底部间距，避免被 TabBar 遮挡
+  const scrollBottomInset = isMobile ? 64 + 24 + insets.bottom + spacing.md : spacing.md;
 
   // 处理设置项点击
   const handleItemPress = (key: string) => {
@@ -200,12 +206,12 @@ export const SettingsScreen: React.FC = () => {
     <SafeAreaView style={styles.container} edges={['bottom']}>
       {isWideScreen ? (
         <ResponsiveContainer maxWidth={800}>
-          <ScrollView contentContainerStyle={styles.scrollContent}>
+          <ScrollView contentContainerStyle={[styles.scrollContent, { paddingBottom: scrollBottomInset }]}>
             {renderContent()}
           </ScrollView>
         </ResponsiveContainer>
       ) : (
-        <ScrollView contentContainerStyle={styles.scrollContent}>
+        <ScrollView contentContainerStyle={[styles.scrollContent, { paddingBottom: scrollBottomInset }]}>
           {renderContent()}
         </ScrollView>
       )}