fix(profile_edit): fix page

Author: ILoveScratch2

lib/l10n/app_en.arb

@@ -158,7 +158,6 @@
 
   "profileEditTitle": "Edit Profile",
   "profileEditAvatar": "Avatar",
-  "profileEditBackground": "Background",
   "profileEditBasicInfo": "Basic Information",
   "profileEditUsername": "Username",
   "profileEditEmail": "Email",
@@ -168,9 +167,7 @@
   "profileEditIntroductionPlaceholder": "Write something about yourself...",
   "profileEditSaveChanges": "Save Changes",
   "profileEditChangeAvatar": "Change Avatar",
-  "profileEditChangeBackground": "Change Background",
   "profileEditRemoveAvatar": "Remove Avatar",
-  "profileEditRemoveBackground": "Remove Background",
   "profileEditUpdated": "Profile updated",
   "profileEditUsernameCannotChange": "Username cannot be changed",
 

lib/l10n/app_localizations.dart

@@ -872,12 +872,6 @@ abstract class AppLocalizations {
   /// **'Avatar'**
   String get profileEditAvatar;
 
-  /// No description provided for @profileEditBackground.
-  ///
-  /// In en, this message translates to:
-  /// **'Background'**
-  String get profileEditBackground;
-
   /// No description provided for @profileEditBasicInfo.
   ///
   /// In en, this message translates to:
@@ -932,24 +926,12 @@ abstract class AppLocalizations {
   /// **'Change Avatar'**
   String get profileEditChangeAvatar;
 
-  /// No description provided for @profileEditChangeBackground.
-  ///
-  /// In en, this message translates to:
-  /// **'Change Background'**
-  String get profileEditChangeBackground;
-
   /// No description provided for @profileEditRemoveAvatar.
   ///
   /// In en, this message translates to:
   /// **'Remove Avatar'**
   String get profileEditRemoveAvatar;
 
-  /// No description provided for @profileEditRemoveBackground.
-  ///
-  /// In en, this message translates to:
-  /// **'Remove Background'**
-  String get profileEditRemoveBackground;
-
   /// No description provided for @profileEditUpdated.
   ///
   /// In en, this message translates to:

lib/l10n/app_localizations_en.dart

@@ -409,9 +409,6 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get profileEditAvatar => 'Avatar';
 
-  @override
-  String get profileEditBackground => 'Background';
-
   @override
   String get profileEditBasicInfo => 'Basic Information';
 
@@ -440,15 +437,9 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get profileEditChangeAvatar => 'Change Avatar';
 
-  @override
-  String get profileEditChangeBackground => 'Change Background';
-
   @override
   String get profileEditRemoveAvatar => 'Remove Avatar';
 
-  @override
-  String get profileEditRemoveBackground => 'Remove Background';
-
   @override
   String get profileEditUpdated => 'Profile updated';
 

lib/l10n/app_localizations_zh.dart

@@ -396,9 +396,6 @@ class AppLocalizationsZh extends AppLocalizations {
   @override
   String get profileEditAvatar => '头像';
 
-  @override
-  String get profileEditBackground => '背景图';
-
   @override
   String get profileEditBasicInfo => '基本信息';
 
@@ -426,15 +423,9 @@ class AppLocalizationsZh extends AppLocalizations {
   @override
   String get profileEditChangeAvatar => '更改头像';
 
-  @override
-  String get profileEditChangeBackground => '更改背景';
-
   @override
   String get profileEditRemoveAvatar => '移除头像';
 
-  @override
-  String get profileEditRemoveBackground => '移除背景';
-
   @override
   String get profileEditUpdated => '资料已更新';
 

lib/l10n/app_zh.arb

@@ -149,7 +149,6 @@
 
   "profileEditTitle": "编辑资料",
   "profileEditAvatar": "头像",
-  "profileEditBackground": "背景图",
   "profileEditBasicInfo": "基本信息",
   "profileEditUsername": "用户名",
   "profileEditEmail": "邮箱",
@@ -159,9 +158,7 @@
   "profileEditIntroductionPlaceholder": "写一段关于你自己的介绍...",
   "profileEditSaveChanges": "保存更改",
   "profileEditChangeAvatar": "更改头像",
-  "profileEditChangeBackground": "更改背景",
   "profileEditRemoveAvatar": "移除头像",
-  "profileEditRemoveBackground": "移除背景",
   "profileEditUpdated": "资料已更新",
   "profileEditUsernameCannotChange": "用户名不可更改",
 

lib/screens/profile_edit_screen.dart

@@ -1,7 +1,8 @@
 import 'dart:io';
 import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:go_router/go_router.dart';
-import 'package:image_picker/image_picker.dart';
+import 'package:file_picker/file_picker.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import '../l10n/app_localizations.dart';
 import '../models/user_profile.dart';
@@ -18,10 +19,8 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
   UserProfile? _currentUser;
   bool _isSubmitting = false;
 
-  // Image pickers
-  final ImagePicker _imagePicker = ImagePicker();
-  XFile? _selectedAvatar;
-  XFile? _selectedBackground;
+  // File picker
+  PlatformFile? _selectedAvatar;
 
   // Form fields
   late TextEditingController _emailController;
@@ -81,17 +80,30 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
     );
 
     if (choice == 'change') {
-      final XFile? image = await _imagePicker.pickImage(
-        source: ImageSource.gallery,
-        maxWidth: 512,
-        maxHeight: 512,
-        imageQuality: 85,
-      );
+      FilePickerResult? result;
+      
+      if (!kIsWeb && Platform.isAndroid) {
+        result = await FilePicker.platform.pickFiles(
+          type: FileType.custom,
+          allowedExtensions: ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'heic', 'heif'],
+          allowMultiple: false,
+          withData: false,
+        );
+      } else {
+        result = await FilePicker.platform.pickFiles(
+          type: FileType.image,
+          allowMultiple: false,
+          withData: true,
+        );
+      }
 
-      if (image != null) {
-        setState(() {
-          _selectedAvatar = image;
-        });
+      if (result != null) {
+        final file = result.files.single;
+        if (file.bytes != null || file.path != null) {
+          setState(() {
+            _selectedAvatar = file;
+          });
+        }
       }
     } else if (choice == 'remove') {
       setState(() {
@@ -100,27 +112,6 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
     }
   }
 
-  Future<void> _selectBackground() async {
-    final XFile? image = await _imagePicker.pickImage(
-      source: ImageSource.gallery,
-      maxWidth: 1920,
-      maxHeight: 1080,
-      imageQuality: 85,
-    );
-    
-    if (image != null) {
-      setState(() {
-        _selectedBackground = image;
-      });
-    }
-  }
-
-  void _removeBackground() {
-    setState(() {
-      _selectedBackground = null;
-    });
-  }
-
   Future<void> _saveProfile() async {
     final l10n = AppLocalizations.of(context)!;
 
@@ -140,7 +131,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
           createTime: _currentUser!.createTime,
           personalSign: _bioController.text,
           introduction: _introductionController.text,
-          avatar: _selectedAvatar?.path ?? _currentUser!.avatar,
+          avatar: (_selectedAvatar?.path ?? (_selectedAvatar?.bytes != null ? 'bytes' : null)) ?? _currentUser!.avatar,
         );
         _isSubmitting = false;
       });
@@ -181,116 +172,63 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            // Background and Avatar Section
-            AspectRatio(
-              aspectRatio: 16 / 7,
-              child: Stack(
-                clipBehavior: Clip.none,
-                fit: StackFit.expand,
-                children: [
-                  // Background
-                  GestureDetector(
-                    onTap: _selectBackground,
-                    child: Container(
-                      color: colorScheme.surfaceContainerHigh,
-                      child: _selectedBackground != null
-                          ? Image.file(
-                              File(_selectedBackground!.path),
-                              fit: BoxFit.cover,
-                            )
-                          : Center(
-                              child: Column(
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: [
-                                  Icon(
-                                    Symbols.add_photo_alternate,
-                                    size: 48,
-                                    color: colorScheme.onSurfaceVariant,
-                                  ),
-                                  const SizedBox(height: 8),
-                                  Text(
-                                    l10n.profileEditChangeBackground,
-                                    style: TextStyle(
-                                      color: colorScheme.onSurfaceVariant,
-                                    ),
-                                  ),
-                                ],
+            // Avatar Section
+            Center(
+              child: Padding(
+                padding: const EdgeInsets.symmetric(vertical: 32),
+                child: GestureDetector(
+                  onTap: _selectAvatar,
+                  child: Stack(
+                    clipBehavior: Clip.none,
+                    children: [
+                      Container(
+                        decoration: BoxDecoration(
+                          shape: BoxShape.circle,
+                          border: Border.all(
+                            color: colorScheme.outline.withOpacity(0.2),
+                            width: 3,
+                          ),
+                        ),
+                        child: _selectedAvatar != null
+                            ? CircleAvatar(
+                                radius: 60,
+                                backgroundImage: kIsWeb && _selectedAvatar!.bytes != null
+                                    ? MemoryImage(_selectedAvatar!.bytes!)
+                                    : (_selectedAvatar!.path != null
+                                        ? FileImage(File(_selectedAvatar!.path!)) as ImageProvider
+                                        : null),
+                              )
+                            : ProfilePictureWidget(
+                                avatarUrl: _currentUser!.avatar,
+                                radius: 60,
                               ),
-                            ),
-                    ),
-                  ),
-                  
-                  // Background remove button
-                  if (_selectedBackground != null)
-                    Positioned(
-                      top: 8,
-                      right: 8,
-                      child: IconButton.filled(
-                        icon: const Icon(Symbols.delete),
-                        onPressed: _removeBackground,
-                        tooltip: l10n.profileEditRemoveBackground,
                       ),
-                    ),
-                  
-                  // Avatar
-                  Positioned(
-                    left: 20,
-                    bottom: -32,
-                    child: GestureDetector(
-                      onTap: _selectAvatar,
-                      child: Stack(
-                        clipBehavior: Clip.none,
-                        children: [
-                          Container(
-                            decoration: BoxDecoration(
-                              shape: BoxShape.circle,
-                              border: Border.all(
-                                color: colorScheme.surface,
-                                width: 4,
-                              ),
+                      Positioned(
+                        right: 0,
+                        bottom: 0,
+                        child: Container(
+                          decoration: BoxDecoration(
+                            color: colorScheme.primaryContainer,
+                            shape: BoxShape.circle,
+                            border: Border.all(
+                              color: colorScheme.surface,
+                              width: 3,
                             ),
-                            child: _selectedAvatar != null
-                                ? CircleAvatar(
-                                    radius: 40,
-                                    backgroundImage: FileImage(
-                                      File(_selectedAvatar!.path),
-                                    ),
-                                  )
-                                : ProfilePictureWidget(
-                                    avatarUrl: _currentUser!.avatar,
-                                    radius: 40,
-                                  ),
                           ),
-                          Positioned(
-                            right: -4,
-                            bottom: -4,
-                            child: Container(
-                              decoration: BoxDecoration(
-                                color: colorScheme.primaryContainer,
-                                shape: BoxShape.circle,
-                                border: Border.all(
-                                  color: colorScheme.surface,
-                                  width: 2,
-                                ),
-                              ),
-                              padding: const EdgeInsets.all(6),
-                              child: Icon(
-                                Symbols.edit,
-                                size: 16,
-                                color: colorScheme.onPrimaryContainer,
-                              ),
-                            ),
+                          padding: const EdgeInsets.all(10),
+                          child: Icon(
+                            Symbols.edit,
+                            size: 20,
+                            color: colorScheme.onPrimaryContainer,
                           ),
-                        ],
+                        ),
                       ),
-                    ),
+                    ],
                   ),
-                ],
+                ),
               ),
             ),
 
-            const SizedBox(height: 48),
-            
             // Basic Info Section
             Padding(
               padding: const EdgeInsets.symmetric(horizontal: 24),