[#5] feat : 친구 목록 UI 구현

Author: hyeminililo

android/app/build.gradle

@@ -24,7 +24,7 @@ if (flutterVersionName == null) {
 
 android {
     namespace "com.example.skhuthon_app"
-    compileSdkVersion flutter.compileSdkVersion
+    compileSdkVersion 34
     ndkVersion flutter.ndkVersion
 
     compileOptions {
@@ -45,7 +45,7 @@ android {
         applicationId "com.example.skhuthon_app"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdkVersion flutter.minSdkVersion
+        minSdkVersion 21
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName

lib/app_router.dart

@@ -1,8 +1,9 @@
-import 'dart:js';
 
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:go_router/go_router.dart';
+import 'package:skhuthon_app/screens/friends/friendsList_screen.dart';
+import 'package:skhuthon_app/screens/home/home_screen.dart';
 import 'package:skhuthon_app/screens/post/createPost_screen.dart';
 
 import 'screens/Login/login_screen.dart';
@@ -16,24 +17,26 @@ final routerProvider = Provider<GoRouter>((ref) {
   return GoRouter(
       navigatorKey: _key,
       debugLogDiagnostics: true,
-      initialLocation: '/',
+      initialLocation: '/friendsList',
       refreshListenable: authState,
 
       routes: [
         GoRoute(
           path: '/',
           name: 'home',
-          builder: (context, state) => const HomeScreen(),
+            builder: (context, state) => const HomeScreen()
+         // builder: (context, state) => const HomeScreen(),
         ),
         GoRoute(
           path: '/login',
           name: 'login',
           builder: (context, state) => const LoginScreen(),
         ),
+
         GoRoute(
-            path: '/createPost',
-            name:'createPost',
-            builder: (context, state) => const CreatePostScreen()
+          path: '/friendsList',
+          name: 'friendsList',
+          builder: (context, state) => const FriendsList_Screen()
         )
       ],
 

lib/screens/friends/friendsList_screen.dart

@@ -0,0 +1,95 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:skhuthon_app/common/widgets/tabBarBase.dart';
+
+import '../../common/color.dart';
+import '../../models/user.dart';
+
+class FriendsList_Screen extends StatefulWidget {
+  const FriendsList_Screen({super.key});
+
+  @override
+  State<FriendsList_Screen> createState() => _FriendsList_ScreenState();
+}
+
+class _FriendsList_ScreenState extends State<FriendsList_Screen> {
+  User user = User(name: 'a', email: 'd', followingList: ['user1', 'user2', 'user3']);
+
+  @override
+  Widget build(BuildContext context) {
+    final size = MediaQuery.of(context).size;
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Friends'),
+      ),
+      body: Center(
+        child: Column(
+          children: [
+            const Text('MyPost')
+            // sharedReperance를 통해 받아온 것들 구현
+            ,
+            const Text('Following List'),
+            FutureBuilder<List<String>?>(
+              future: Future.delayed(const Duration(seconds: 1), () => user.followingList),
+              builder: (BuildContext context, AsyncSnapshot<List<String>?> snapshot) {
+                if (snapshot.hasData) {
+                  return ListView.separated(
+                    itemBuilder: (context, index) {
+                      return ListTile(
+                        title: Text('Username: ${snapshot.data![index]}',
+                            style: const TextStyle(fontSize: 20)),
+                      );
+                    },
+                    separatorBuilder: (context, index) {
+                      return const Divider();
+                    },
+                    itemCount: snapshot.data!.length,
+                  );
+                } else if (snapshot.hasError) {
+                  return const Text('Error loading following list');
+                } else {
+                  return const Center(child: CircularProgressIndicator());
+                }
+              },
+            ),
+           Padding(padding: EdgeInsets.all(330)),
+           ElevatedButton(
+              onPressed: () async {
+              },
+              style: ElevatedButton.styleFrom(
+                padding: EdgeInsets.symmetric(
+                  horizontal: size.width * 0.2,
+                  vertical: size.width * 0.03,
+                ),
+                backgroundColor: BASE,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(20),
+                ),
+                elevation: 0,
+              ),
+              child: const Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Icon(Icons.person_add, color: Colors.white,),
+                   SizedBox(width: 8),
+                   Padding(padding: EdgeInsets.all(5)),
+                   Text(
+                    'Add Friends',
+                    style: TextStyle(
+                      color: BLACK,
+                      fontSize: 20,
+                      fontFamily: 'Ink Free',
+                      fontWeight: FontWeight.w400,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+      bottomNavigationBar: const TabBarBase(),
+    );
+  }
+}

lib/screens/post/createPost_screen.dart

@@ -4,8 +4,7 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import '../../common/widgets/TextFieldWidget.dart';
 import '../../common/widgets/tabBarBase.dart';
 
-
-final createPostScreenProvider = ChangeNotifierProvider((ref) => CreatePostScreenProvider());
+/*final createPostScreenProvider = ChangeNotifierProvider((ref) => CreatePostScreenProvider());
 
 class CreatePostScreenProvider extends ChangeNotifier {
   final _formKey = GlobalKey<FormState>();
@@ -56,4 +55,4 @@ class CreatePostScreen extends ConsumerWidget {
       bottomNavigationBar: const TabBarBase(),
     );
   }
-}
+}*/