1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
import 'package:flutter/material.dart';
import 'package:linkchat/firebase/auth.dart';
import 'package:linkchat/firebase/database.dart';
import 'package:linkchat/models/group.dart';
import '../models/message.dart';
import '../models/user.dart';
import '../widgets/chat_bottom_sheet.dart';
import '../widgets/chat_bubble.dart';
class ChatScreen extends StatefulWidget {
const ChatScreen({super.key});
@override
State<ChatScreen> createState() => _ChatScreenState();
}
class _ChatScreenState extends State<ChatScreen> {
bool init = false;
Group? group;
FsUser? user;
final Auth _auth = Auth();
final Database _db = Database();
final ScrollController _scroll = ScrollController();
@override
Widget build(BuildContext context) {
List<dynamic> arguments =
ModalRoute.of(context)?.settings.arguments as List<dynamic>;
group = arguments[0] as Group;
user = arguments[1] as FsUser;
return Scaffold(
appBar: PreferredSize(
preferredSize: const Size.fromHeight(70.0),
child: Padding(
padding: const EdgeInsets.only(top: 5),
child: AppBar(
leadingWidth: 30,
title: Row(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(30),
child: CircleAvatar(
backgroundImage: NetworkImage(user!.photoUrl),
)),
Padding(
padding: const EdgeInsets.only(left: 10),
child: Text(user!.displayName),
),
],
),
actions: const [
Padding(
padding: EdgeInsets.only(right: 10),
child: Icon(
Icons.more_vert,
),
)
],
),
),
),
body: StreamBuilder(
stream: _db.getMessagesByGroupId(group!.id!),
builder: (context, snapshot) {
if (snapshot.hasData) {
WidgetsBinding.instance.addPostFrameCallback((_) {
if (_scroll.hasClients) {
_scroll.animateTo(_scroll.position.maxScrollExtent,
duration: const Duration(milliseconds: 500),
curve: Curves.fastOutSlowIn);
}
});
List<Message> msgs = snapshot.data!;
return ListView.builder(
controller: _scroll,
padding: const EdgeInsets.only(bottom: 80.0),
itemCount: snapshot.data!.length,
itemBuilder: (context, index) => ChatBubble(
msgs[index],
alignment: msgs[index].sentBy == _auth.currentUser?.uid
? ChatBubbleAlignment.end
: ChatBubbleAlignment.start,
),
);
} else if (snapshot.hasError) {
print('Error: ${snapshot.error}');
return const Center(child: Text('Hubo un error'));
}
return const Center(child: CircularProgressIndicator());
},
),
bottomSheet: ChatBottomSheet(
onPressed: (value) {
if (value.startsWith('https://') && Uri.tryParse(value) != null) {
_db.saveMessage(
Message(
messageText: value,
sentBy: _auth.currentUser!.uid,
sentAt: DateTime.now(),
),
group!.id!);
} else {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
// behavior: SnackBarBehavior.floating,
dismissDirection: DismissDirection.none,
content: Text('El mensaje debe ser un link.'),
duration: Duration(seconds: 1),
),
);
}
},
),
);
}
}
|
