fix: 修复布局问题

components/profile/profile-screen.tsx

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react';
-import { View, useWindowDimensions, type ImageSourcePropType } from 'react-native';
+import React, { useEffect, useState, useMemo } from 'react';
+import { View, useWindowDimensions, type ImageSourcePropType, ActivityIndicator } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { useAuth } from '@/hooks/use-auth';
@@ -37,6 +37,7 @@ export function ProfileScreen() {
     isRefreshing,
     isLoadingMore,
     hasMore,
+    isTabSwitching,
     handleRefresh,
     handleLoadMore,
   } = useProfileData(activeTab);
@@ -56,6 +57,47 @@ export function ProfileScreen() {
     setPresentedAvatar(avatarSource);
   }, [avatarSource]);
 
+  const headerComponent = useMemo(
+    () => (
+      <View style={{ paddingHorizontal: horizontalPadding, paddingBottom: 16 }}>
+        <ProfileHeader
+          billingMode={billingMode}
+          onChangeBilling={setBillingMode}
+          credits={creditBalance}
+        />
+
+        <ProfileIdentity
+          displayName={presentedDisplayName}
+          avatarSource={presentedAvatar}
+          avatarSize={avatarSize}
+          stats={stats}
+          onEdit={() => setIsEditingIdentity(true)}
+        />
+
+        <Divider />
+
+        <ContentTabs
+          activeTab={activeTab}
+          onChangeTab={setActiveTab}
+          isLoading={isTabSwitching}
+        />
+
+        <Divider />
+      </View>
+    ),
+    [
+      horizontalPadding,
+      billingMode,
+      creditBalance,
+      presentedDisplayName,
+      presentedAvatar,
+      avatarSize,
+      stats,
+      activeTab,
+      isTabSwitching,
+    ]
+  );
+
   if (isLoading) {
     return (
       <View style={[styles.screen, { backgroundColor: stylesVars.background }]}>
@@ -78,48 +120,28 @@ export function ProfileScreen() {
     <View style={[styles.screen, { backgroundColor: stylesVars.background }]}>
       {insets.top > 0 && <View style={{ height: insets.top }} />}
 
-      <View style={{ paddingHorizontal: horizontalPadding }}>
-        <ProfileHeader
-          billingMode={billingMode}
-          onChangeBilling={setBillingMode}
-          credits={creditBalance}
-        />
-
-        <ProfileIdentity
-          displayName={presentedDisplayName}
-          avatarSource={presentedAvatar}
-          avatarSize={avatarSize}
-          stats={stats}
-          onEdit={() => setIsEditingIdentity(true)}
-        />
-
-        <Divider />
-
-        <ContentTabs
-          activeTab={activeTab}
-          onChangeTab={setActiveTab}
-          isLoading={isLoading && generations.length > 0}
-        />
-
-        <Divider />
-      </View>
-
       {isLoading && generations.length === 0 ? (
-        <ContentSkeleton />
-      ) : generations.length === 0 ? (
-        <ProfileEmptyState activeTab={activeTab} />
-      ) : (
-        <View style={[styles.galleryContainer, { paddingHorizontal: horizontalPadding / 2 }]}>
-          <ContentGallery
-            generations={generations}
-            isRefreshing={isRefreshing}
-            onRefresh={handleRefresh}
-            isLoadingMore={isLoadingMore}
-            hasMore={hasMore}
-            onLoadMore={handleLoadMore}
-          />
+        <View style={{ flex: 1 }}>
+          {headerComponent}
+          <ContentSkeleton />
         </View>
+      ) : generations.length === 0 && !isTabSwitching ? (
+        <View style={{ flex: 1 }}>
+          {headerComponent}
+          <ProfileEmptyState activeTab={activeTab} />
+        </View>
+      ) : (
+        <ContentGallery
+          generations={generations}
+          isRefreshing={isRefreshing}
+          onRefresh={handleRefresh}
+          isLoadingMore={isLoadingMore}
+          hasMore={hasMore}
+          onLoadMore={handleLoadMore}
+          ListHeaderComponent={headerComponent}
+        />
       )}
+
       <ProfileEditModal
         visible={isEditingIdentity}
         avatarSource={presentedAvatar}
@@ -146,9 +168,6 @@ const styles = StyleSheet.create({
   screen: {
     flex: 1,
   },
-  galleryContainer: {
-    paddingTop: 8,
-  },
 });
 
 export default ProfileScreen;