copilot/frosty
1
0
Fork 0
Code Issues Pull requests Projects Releases 11 Packages Wiki Activity Actions

Move TextField to chat widget

Browse source 
- TextField will now only show up when the user is logged in
- Dispoe methods moved to a dedicated method in chat store for cleanliness
This commit is contained in:
tommyxchow 2021-10-17 17:51:10 -04:00
parent 639a06dbe0
commit 5ff1744cb9
2 changed files with 41 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

1
lib/screens/video_chat.dart
View file

@ -28,7 +28,6 @@ class VideoChat extends StatelessWidget {
Expanded(
child: Chat(chatStore: ChatStore(auth: context.read<AuthStore>(), channelName: userLogin)),
),
const TextField(),
],
),
),

71
lib/widgets/chat.dart
View file

@ -1,7 +1,8 @@
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:frosty/stores/auth_store.dart';
import 'package:frosty/stores/chat_store.dart';
import 'package:provider/provider.dart';
class Chat extends StatefulWidget {
final ChatStore chatStore;
@ -19,36 +20,47 @@ class _ChatState extends State<Chat> {
future: widget.chatStore.getAssets(),
builder: (_, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return Stack(
alignment: AlignmentDirectional.bottomCenter,
return Column(
children: [
Observer(
builder: (_) {
return ListView.builder(
itemCount: widget.chatStore.messages.length,
controller: widget.chatStore.scrollController,
padding: const EdgeInsets.all(5.0),
itemBuilder: (context, index) {
return widget.chatStore.renderChatMessage(widget.chatStore.messages[index]);
},
);
},
),
Observer(
builder: (_) {
return Visibility(
visible: !widget.chatStore.autoScroll,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 4.0),
width: double.infinity,
child: ElevatedButton(
onPressed: () => widget.chatStore.resumeScroll(),
child: const Text('Resume Scroll'),
),
Expanded(
child: Stack(
alignment: AlignmentDirectional.bottomCenter,
children: [
Observer(
builder: (_) {
return ListView.builder(
itemCount: widget.chatStore.messages.length,
controller: widget.chatStore.scrollController,
padding: const EdgeInsets.all(5.0),
itemBuilder: (context, index) {
return widget.chatStore.renderChatMessage(widget.chatStore.messages[index]);
},
);
},
),
);
},
Observer(
builder: (_) {
return Visibility(
visible: !widget.chatStore.autoScroll,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 4.0),
width: double.infinity,
child: ElevatedButton(
onPressed: () => widget.chatStore.resumeScroll(),
child: const Text('Resume Scroll'),
),
),
);
},
),
],
),
),
if (context.read<AuthStore>().isLoggedIn)
TextField(
controller: widget.chatStore.textController,
onSubmitted: (string) => widget.chatStore.sendMessage(string),
),
],
);
}
@ -61,8 +73,7 @@ class _ChatState extends State<Chat> {
@override
void dispose() {
widget.chatStore.channel.sink.close();
widget.chatStore.scrollController.dispose();
widget.chatStore.dispose();
super.dispose();
}
}