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

src/screens/profile/BlockedUsersScreen.tsx

@@ -8,7 +8,7 @@ import {
   View,
   Alert,
 } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { Avatar, Button, EmptyState, ResponsiveContainer, Text } from '../../components/common';
@@ -16,15 +16,21 @@ import { authService } from '../../services';
 import { colors, spacing, borderRadius, shadows } from '../../theme';
 import { User } from '../../types';
 import { RootStackParamList } from '../../navigation/types';
+import { useResponsive } from '../../hooks';
 
 type NavigationProp = NativeStackNavigationProp<RootStackParamList>;
 
 export const BlockedUsersScreen: React.FC = () => {
   const navigation = useNavigation<NavigationProp>();
+  const { isMobile } = useResponsive();
+  const insets = useSafeAreaInsets();
   const [users, setUsers] = useState<User[]>([]);
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [processingUserId, setProcessingUserId] = useState<string | null>(null);
+  
+  // 底部间距，避免被 TabBar 遮挡
+  const listBottomInset = isMobile ? 64 + 24 + insets.bottom + spacing.md : spacing.md;
 
   const loadBlockedUsers = useCallback(async () => {
     try {
@@ -115,7 +121,7 @@ export const BlockedUsersScreen: React.FC = () => {
           data={users}
           keyExtractor={item => item.id}
           renderItem={renderItem}
-          contentContainerStyle={[styles.listContent, users.length === 0 && styles.emptyContent]}
+          contentContainerStyle={[styles.listContent, users.length === 0 && styles.emptyContent, { paddingBottom: listBottomInset }]}
           refreshControl={
             <RefreshControl
               refreshing={refreshing}