101 lines
2.8 KiB
Dart
101 lines
2.8 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
class RoomPage extends StatefulWidget {
|
|
const RoomPage({super.key, required this.room});
|
|
|
|
final Room room;
|
|
|
|
@override
|
|
State<RoomPage> createState() => _RoomPageState();
|
|
}
|
|
|
|
class _RoomPageState extends State<RoomPage> {
|
|
Timeline? timeline;
|
|
final chatController = TextEditingController();
|
|
StreamSubscription? updateListener;
|
|
|
|
void updateTimeline() async {
|
|
final newTimeline =
|
|
await widget.room.getTimeline(eventContextId: widget.room.fullyRead);
|
|
setState(() {
|
|
timeline = newTimeline;
|
|
});
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
updateTimeline();
|
|
updateListener = widget.room.onUpdate.stream.listen((event) {
|
|
updateTimeline();
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
updateListener?.cancel();
|
|
}
|
|
|
|
void sendMessage() {}
|
|
|
|
List<Widget> getChildren() {
|
|
if (timeline == null) return [const CircularProgressIndicator()];
|
|
return [
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: timeline?.events.length,
|
|
reverse: true,
|
|
itemBuilder: (context, index) => ListTile(
|
|
title: Text(timeline!
|
|
.events[index].senderFromMemoryOrFallback.displayName
|
|
.toString()),
|
|
subtitle: Text(timeline!.events[index].body),
|
|
leading: timeline?.events[index].senderFromMemoryOrFallback
|
|
.avatarUrl !=
|
|
null
|
|
? CircleAvatar(
|
|
foregroundImage: NetworkImage(timeline!.events[index]
|
|
.senderFromMemoryOrFallback.avatarUrl!
|
|
.getThumbnail(widget.room.client,
|
|
width: 50, height: 50)
|
|
.toString()))
|
|
: null,
|
|
)),
|
|
),
|
|
TextFormField(
|
|
controller: chatController,
|
|
decoration: const InputDecoration(hintText: 'Message'),
|
|
onFieldSubmitted: (value) async {
|
|
print("Sending text event $value to room ${widget.room.id}...");
|
|
await widget.room.sendTextEvent(value);
|
|
chatController.text = '';
|
|
},
|
|
),
|
|
];
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
|
title: Text(widget.room.getLocalizedDisplayname()),
|
|
),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: getChildren(),
|
|
)),
|
|
floatingActionButton: FloatingActionButton(
|
|
onPressed: sendMessage,
|
|
tooltip: 'Send message',
|
|
child: const Icon(Icons.send),
|
|
),
|
|
);
|
|
}
|
|
}
|