userSelectProfile화면,위젯,프로바이더 파일 구현

lib/core/TopScreen.dart

@@ -1,6 +1,6 @@
 import 'package:blueberry_flutter_template/feature/chat/ChatRoomScreen.dart';
 import 'package:blueberry_flutter_template/feature/mbti/MBTIScreen.dart';
-import 'package:blueberry_flutter_template/feature/profile/ProfileDetailScreen.dart';
+import 'package:blueberry_flutter_template/feature/profile/UserSelectProfileScreen.dart';
 import 'package:blueberry_flutter_template/feature/rank/RankScreen.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -34,7 +34,7 @@ class TopScreen extends ConsumerWidget {
       const MatchScreen(),
       const MBTIScreen(),
       const LoginScreen(),
-      const ProfileDetailScreen(),
+      const UserSelectProfileScreen(),
       const RankingScreen(),
       const AdminUserListPage(),
     ];

lib/feature/profile/UserSelectProfileScreen.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+import 'package:blueberry_flutter_template/feature/profile/widget/UserSelectProfileWidget.dart';
+
+class UserSelectProfileScreen extends StatelessWidget {
+  const UserSelectProfileScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const UserSelectProfileWidget();
+  }
+}

lib/feature/profile/provider/UserSelectProfileProvider.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final userSelectProfileProvider = StateNotifierProvider<UserSelectProfileNotifier, AsyncValue<List<Image>>>((ref) {
+  return UserSelectProfileNotifier();
+});
+
+class UserSelectProfileNotifier extends StateNotifier<AsyncValue<List<Image>>> {
+  UserSelectProfileNotifier() : super(const AsyncValue.loading()) {
+    fetchUserSelectProfiles();
+  }
+
+  Future<void> fetchUserSelectProfiles() async {
+    try {
+      List<String> userSelectProfileUrls = [];
+      List<Image> userSelectProfiles = [];
+      final FirebaseFirestore db = FirebaseFirestore.instance;
+      CollectionReference profileImageCollection = db.collection('profileImages');
+      QuerySnapshot snapshot = await profileImageCollection.get();
+      for (QueryDocumentSnapshot doc in snapshot.docs) {
+        var data = doc.data() as Map<String, dynamic>?;
+        if (data != null && data.containsKey('imageUrl')) {
+          userSelectProfileUrls.add(data['imageUrl']);
+        }
+      }
+      userSelectProfiles = userSelectProfileUrls.map((url) => Image.network(url)).toList();
+      state = AsyncValue.data(userSelectProfiles);
+    } catch (e, stack) {
+      state = AsyncValue.error(e, stack);
+    }
+  }
+}
+
+final userSelectProfileIndexProvider = StateNotifierProvider<UserSelectProfileIndexNotifier, int>((ref) {
+  return UserSelectProfileIndexNotifier();
+});
+
+class UserSelectProfileIndexNotifier extends StateNotifier<int> {
+  UserSelectProfileIndexNotifier() : super(0);
+
+  void updateUserSelectProfile(int profileImagesLength) {
+    if(profileImagesLength==0){
+      state = -1;
+    }else{
+      state = (state + 1) % profileImagesLength;
+    }
+  }
+}

lib/feature/profile/widget/UserSelectProfileWidget.dart

@@ -0,0 +1,47 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../utils/AppStringEnglish.dart';
+import '../provider/UserSelectProfileProvider.dart';
+
+class UserSelectProfileWidget extends ConsumerWidget {
+  const UserSelectProfileWidget({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final userSelectProfiles = ref.watch(userSelectProfileProvider);
+    final userSelectProfileIndex = ref.watch(userSelectProfileIndexProvider);
+    final userSelectProfileNotifier = ref.watch(userSelectProfileIndexProvider.notifier);
+
+    return Scaffold(
+      body: Center(
+        child: GestureDetector(
+          onTap: (){
+            userSelectProfileNotifier.updateUserSelectProfile(userSelectProfiles.maybeWhen(
+              data: (userSelectProfiles) => userSelectProfiles.length,
+              orElse: () => 0,
+            ));
+          },
+          child: userSelectProfiles.when(
+            data: (profileImages) {
+              return Center(
+                child: Container(
+                    width: 300,
+                    height: 400,
+                    decoration: BoxDecoration(
+                      borderRadius: BorderRadius.circular(20),
+                      border: Border.all(color: Colors.black),
+                    ),
+                    child: userSelectProfileIndex == -1
+                        ? const Text('해당 유저의 프로필 사진이 존재하지 않습니다')
+                        : profileImages[userSelectProfileIndex]
+                ),
+              );
+            },
+            loading: () => const Center(child: CircularProgressIndicator()),
+            error: (error, stackTrace) => Center(child: Text('${AppStringEnglish.errorTitle}: $error')),
+          ),
+        ),
+      ),
+    );
+  }
+}