ユーザー画面

qiita_app/lib/pages/follower_following_list_page.dart

@@ -6,10 +6,12 @@ import 'package:qiita_app/widgets/follow_container.dart';
 
 class FollowerFollowingListPage extends StatefulWidget {
   final String listType;
+  final String userId;
 
   const FollowerFollowingListPage({
     Key? key,
     required this.listType,
+    required this.userId,
   }) : super(key: key);
 
   @override
@@ -66,11 +68,9 @@ class _FollowerFollowingListPageState extends State<FollowerFollowingListPage> {
 
       List<User> fetchedUsers;
       if (widget.listType == 'following') {
-        fetchedUsers =
-            await QiitaRepository.fetchFollowingUsers(authenticatedUser.id);
+        fetchedUsers = await QiitaRepository.fetchFollowingUsers(widget.userId);
       } else {
-        fetchedUsers =
-            await QiitaRepository.fetchFollowersUsers(authenticatedUser.id);
+        fetchedUsers = await QiitaRepository.fetchFollowersUsers(widget.userId);
       }
       debugPrint('${fetchedUsers.length} users loaded successfully');
 

qiita_app/lib/pages/user_page.dart

@@ -0,0 +1,171 @@
+import 'package:flutter/material.dart';
+import 'package:qiita_app/models/article.dart';
+import 'package:qiita_app/models/user.dart';
+import 'package:qiita_app/repository/qiita_repository.dart';
+import 'package:qiita_app/widgets/app_title.dart';
+import 'package:qiita_app/widgets/article_container.dart';
+import 'package:qiita_app/widgets/network_error.dart';
+import 'package:qiita_app/widgets/section_divider.dart';
+import 'package:qiita_app/widgets/user_info_container.dart';
+
+class UserPage extends StatefulWidget {
+  final String userId;
+
+  const UserPage({required this.userId, Key? key}) : super(key: key);
+
+  @override
+  State<UserPage> createState() => _UserPageState();
+}
+
+class _UserPageState extends State<UserPage> {
+  List<Article> articles = [];
+  User? loggedInUser;
+  bool isLoading = true;
+  bool hasNetworkError = false;
+  bool isFetching = false;
+  int currentPage = 1;
+  late ScrollController _scrollController;
+
+  @override
+  void initState() {
+    super.initState();
+    _scrollController = ScrollController();
+    fetchUserInfo();
+    _scrollController.addListener(_scrollListener);
+  }
+
+  Future<void> fetchUserInfo() async {
+    setState(() {
+      isLoading = true;
+    });
+
+    try {
+      User userInfo = await QiitaRepository.fetchUserInfo(widget.userId);
+      List<Article> userArticles = await QiitaRepository.fetchUserArticles(
+          widget.userId,
+          page: currentPage);
+
+      if (mounted) {
+        setState(() {
+          loggedInUser = userInfo;
+          articles = userArticles;
+          isLoading = false;
+          hasNetworkError = false;
+        });
+      }
+    } catch (e) {
+      debugPrint('Failed to fetch user info: $e');
+      if (mounted) {
+        setState(() {
+          loggedInUser = null;
+          isLoading = false;
+          hasNetworkError = true;
+        });
+      }
+    }
+  }
+
+  void _scrollListener() {
+    if (!isFetching &&
+        _scrollController.position.pixels ==
+            _scrollController.position.maxScrollExtent) {
+      currentPage++;
+      fetchUserArticles();
+    }
+  }
+
+  Future<void> fetchUserArticles() async {
+    setState(() {
+      isFetching = true;
+    });
+
+    try {
+      List<Article> additionalArticles =
+          await QiitaRepository.fetchUserArticles(widget.userId,
+              page: currentPage);
+
+      if (mounted) {
+        setState(() {
+          articles.addAll(additionalArticles);
+          isFetching = false;
+        });
+      }
+    } catch (e) {
+      debugPrint('Failed to fetch additional user articles: $e');
+      if (mounted) {
+        setState(() {
+          isFetching = false;
+        });
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (isLoading) {
+      return const Scaffold(
+        appBar: AppTitle(
+          title: 'UserPage',
+          showBottomDivider: true,
+        ),
+        body: Center(child: CircularProgressIndicator()),
+      );
+    }
+    if (hasNetworkError) {
+      return Scaffold(
+        appBar: const AppTitle(title: 'UserPage', showBottomDivider: true),
+        body: NetworkError(
+          onPressReload: () {
+            setState(() {
+              hasNetworkError = false;
+            });
+            fetchUserInfo();
+          },
+        ),
+      );
+    }
+    return Scaffold(
+      appBar: const AppTitle(
+        title: 'UserPage',
+        showBottomDivider: true,
+        showReturnIcon: true,
+      ),
+      body: Column(
+        children: [
+          if (loggedInUser != null) UserInfoContainer(user: loggedInUser!),
+          const SectionDivider(text: '投稿記事'),
+          Expanded(
+            child: ListView.builder(
+              itemCount: articles.length + 1, // +1 for loading indicator
+              itemBuilder: (context, index) {
+                if (index < articles.length) {
+                  return ArticleContainer(
+                    article: articles[index],
+                    showAvatar: false,
+                  );
+                } else {
+                  return _buildLoadMoreIndicator();
+                }
+              },
+              controller: _scrollController,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildLoadMoreIndicator() {
+    return Center(
+      child: isFetching
+          ? const CircularProgressIndicator()
+          : ElevatedButton(
+              onPressed: () {
+                currentPage++;
+                fetchUserArticles();
+              },
+              child: const Text('もっと読み込む'),
+            ),
+    );
+  }
+}

qiita_app/lib/repository/qiita_repository.dart

@@ -1,4 +1,5 @@
 import 'dart:convert';
+
 import 'package:flutter/foundation.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:http/http.dart' as http;
@@ -189,8 +190,10 @@ class QiitaRepository {
     return accessToken;
   }
 
-  static Future<List<Article>> fetchUserArticles(String userId) async {
-    final url = Uri.parse('${Urls.qiitaBaseUrl}/users/$userId/items');
+  static Future<List<Article>> fetchUserArticles(String userId,
+      {int page = 1}) async {
+    final url =
+        Uri.parse('${Urls.qiitaBaseUrl}/users/$userId/items?page=$page');
     try {
       final response = await http.get(url);
 
@@ -242,4 +245,20 @@ class QiitaRepository {
       throw Exception('Failed to load followers: $e');
     }
   }
+
+  static Future<User> fetchUserInfo(String userId) async {
+    final url = Uri.parse('${Urls.qiitaBaseUrl}/users/$userId');
+    try {
+      final response = await http.get(url);
+
+      if (response.statusCode == 200) {
+        final Map<String, dynamic> jsonResponse = jsonDecode(response.body);
+        return User.fromJson(jsonResponse);
+      } else {
+        throw Exception(_exceptionMessage(response.statusCode));
+      }
+    } catch (e) {
+      throw Exception('Failed to fetch user info: $e');
+    }
+  }
 }

qiita_app/lib/widgets/follow_container.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:qiita_app/constants/app_colors.dart';
 import 'package:qiita_app/constants/app_text_style.dart';
 import 'package:qiita_app/models/user.dart';
+import 'package:qiita_app/pages/user_page.dart';
 
 class FollowContainer extends StatelessWidget {
   final User user;
@@ -14,6 +15,14 @@ class FollowContainer extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
+      onTap: () {
+        Navigator.push(
+          context,
+          MaterialPageRoute(
+            builder: (context) => UserPage(userId: user.id),
+          ),
+        );
+      },
       child: Container(
         margin: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
         padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),

qiita_app/lib/widgets/user_info_container.dart

@@ -58,9 +58,9 @@ class _UserInfoContainerState extends State<UserInfoContainer> {
                             Navigator.push(
                               context,
                               MaterialPageRoute(
-                                builder: (context) =>
-                                    const FollowerFollowingListPage(
+                                builder: (context) => FollowerFollowingListPage(
                                   listType: 'following',
+                                  userId: widget.user.id, // ユーザーIDを渡す
                                 ),
                               ),
                             );
@@ -88,9 +88,9 @@ class _UserInfoContainerState extends State<UserInfoContainer> {
                             Navigator.push(
                               context,
                               MaterialPageRoute(
-                                builder: (context) =>
-                                    const FollowerFollowingListPage(
+                                builder: (context) => FollowerFollowingListPage(
                                   listType: 'followers',
+                                  userId: widget.user.id, // ユーザーIDを渡す
                                 ),
                               ),
                             );