Q&A
```home_page.dart
import 'package:chat_app/firestore/account_firestore.dart';
import 'package:chat_app/firestore/post_firestore.dart';
import 'package:chat_app/model/account.dart';
import 'package:chat_app/model/post.dart';
import 'package:chat_app/pages/image_zoom_page.dart';
import 'package:chat_app/pages/post_comment_page.dart';
import 'package:chat_app/pages/post_page.dart';
import 'package:chat_app/utils/authentication.dart';
import 'package:chat_app/utils/like_button.dart';
import 'package:chat_app/utils/share_button.dart';
import 'package:chat_app/utils/timeago.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
final double padValue = 0;
final Account myAccount = Authentication.myAccount!;
List<String> postAccountIds = [];
late Future<Map<String, Account>?> getPostUserMap;
late Map<String, dynamic> data;
@override
void initState() {
super.initState();
getPostUserMap = AccountFirestore.getPostUserMap(postAccountIds);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: StreamBuilder<QuerySnapshot>(
stream: PostFirestore.posts
.orderBy('post_time', descending: true)
.snapshots(),
builder: (context, postSnapshot) {
if (postSnapshot.hasData) {
List<String> postAccountIds = [];
for (var doc in postSnapshot.data!.docs) {
Map<String, dynamic> data = doc.data() as Map<String, dynamic>;
if (!postAccountIds.contains(data['post_account_id'])) {
postAccountIds.add(data['post_account_id']);
}
}
return FutureBuilder<Map<String, Account>?>(
future: getPostUserMap,
builder: (context, userSnapshot) {
if (userSnapshot.connectionState ==
ConnectionState.waiting) {
return const CupertinoActivityIndicator();
} else if (userSnapshot.hasError) {
if (kDebugMode) {
print("Error: ${userSnapshot.error}");
}
return Text("Error: ${userSnapshot.error}");
} else if (!userSnapshot.hasData) {
if (kDebugMode) {
print("No data available.");
}
return const Text("No data available.");
}
if (userSnapshot.hasData &&
userSnapshot.connectionState == ConnectionState.done) {
if (kDebugMode) {
print("userSnapshot.hasData: ${userSnapshot.hasData}");
print(
"userSnapshot.connectionState: ${userSnapshot.connectionState}");
}
return ListView.builder(
itemCount: postSnapshot.data!.docs.length,
itemBuilder: (context, index) {
Map<String, dynamic> data =
postSnapshot.data!.docs[index].data()
as Map<String, dynamic>;
Post post = Post(
id: postSnapshot.data!.docs[index].id,
postImagePath: data['image_path'],
postContent: data['content'],
postAccountId: data['post_account_id'],
postAccount:
userSnapshot.data![data['post_account_id']],
postTime: data['post_time'],
likedCount: data['liked_count'],
likedUserIds:
List<String>.from(data['liked_user_ids'] ?? []),
);
if (kDebugMode) {
print("post.likedUserIds: ${post.likedUserIds}");
print("myAccount.id: ${myAccount.id}");
}
bool isLiked =
post.likedUserIds.contains(myAccount.id);
if (kDebugMode) {
print(
"When retrieved from the stream, isLiked => $isLiked");
print(post.postImagePath);
print(post.postContent);
print(post.postTime);
print(post.likedCount);
print("Debug: Checking post and post.likedUserIds");
print("post: $post");
print("post.likedUserIds: ${post.likedUserIds}");
}
return Card(
child: SizedBox(
height: MediaQuery.of(context).size.height * 0.75,
child: Column(
children: [
ListTile(
leading: CircleAvatar(
backgroundImage: NetworkImage(
post.postAccount?.profileImagePath ??
"null",
),
),
title: Text(
post.postAccount?.name ?? "Unknown",
style: const TextStyle(
fontWeight: FontWeight.bold,
color: CupertinoColors.black,
),
),
subtitle: Text(
post.postTime == null
? ""
: createTimeAgoString(
post.postTime!.toDate(),
),
style: const TextStyle(
fontWeight: FontWeight.normal,
color: CupertinoColors.systemGrey,
),
),
),
Expanded(
child: post.postImagePath != null
? GestureDetector(
onTap: () {
Navigator.push(
context,
PageRouteBuilder(
pageBuilder: (
context,
animation,
secondaryAnimation,
) =>
ImageZoomPage(
imagePath:
post.postImagePath!,
),
transitionsBuilder: (
context,
animation,
secondaryAnimation,
child,
) {
return const FadeUpwardsPageTransitionsBuilder()
.buildTransitions(
MaterialPageRoute(
builder: (context) =>
ImageZoomPage(
imagePath: post
.postImagePath!,
),
),
context,
animation,
secondaryAnimation,
child,
);
},
),
);
},
child: Padding(
padding:
const EdgeInsets.symmetric(
horizontal: 5.0,
),
child: Container(
decoration: BoxDecoration(
borderRadius:
```
