Flutter ve Firebase ile Gerçek Zamanlı Chat Uygulaması

1dependencies:
2flutter:
3sdk: flutter
4firebase_core: ^2.24.0
5firebase_database: ^10.2.0
6intl: ^0.19.0

1import 'package:flutter/material.dart';
2import 'package:firebase_core/firebase_core.dart';
3import 'package:firebase_database/firebase_database.dart';
4import 'firebase_options.dart';
5
6void main() async {
7WidgetsFlutterBinding.ensureInitialized();
8await Firebase.initializeApp(
9options: DefaultFirebaseOptions.currentPlatform,
10);
11runApp(const ChatApp());
12}
13
14class ChatApp extends StatelessWidget {
15const ChatApp({Key? key}): super(key: key);
16
17@override
18Widget build(BuildContext context) {
19return MaterialApp(
20title: 'Chat',
21theme: ThemeData(primarySwatch: Colors.blue),
22home: const ChatScreen(),
23);
24}
25}
26
27class ChatScreen extends StatefulWidget {
28const ChatScreen({Key? key}): super(key: key);
29
30@override
31State<ChatScreen> createState() => _ChatScreenState();
32}
33
34class _ChatScreenState extends State<ChatScreen> {
35final TextEditingController _controller = TextEditingController();
36final DatabaseReference _messagesRef =
37FirebaseDatabase.instance.ref('messages');
38
39void _sendMessage() {
40if (_controller.text.isEmpty) return;
41_messagesRef.push().set({
42'text': _controller.text,
43'timestamp': DateTime.now().millisecondsSinceEpoch,
44'user': 'User${DateTime.now().millisecond}',
45});
46_controller.clear();
47}
48
49@override
50Widget build(BuildContext context) {
51return Scaffold(
52appBar: AppBar(title: const Text('Chat')),
53body: Column(
54children: [
55Expanded(
56child: StreamBuilder(
57stream: _messagesRef.onValue,
58builder: (context, snapshot) {
59if (!snapshot.hasData) {
60return const Center(child: CircularProgressIndicator());
61}
62final messages = <Map<String, dynamic>>[];
63final data = snapshot.data!.snapshot.value as Map?;
64if (data!= null) {
65data.forEach((key, value) {
66messages.add({...value as Map, 'id': key});
67});
68messages.sort((a, b) =>
69(a['timestamp'] as int).compareTo(b['timestamp'] as int));
70}
71return ListView.builder(
72itemCount: messages.length,
73itemBuilder: (context, index) {
74final msg = messages[index];
75return ListTile(
76title: Text(msg['text']),
77subtitle: Text(msg['user']),
78);
79},
80);
81},
82),
83),
84Padding(
85padding: const EdgeInsets.all(8.0),
86child: Row(
87children: [
88Expanded(
89child: TextField(
90controller: _controller,
91decoration: const InputDecoration(hintText: 'Mesaj yaz...'),
92),
93),
94IconButton(
95icon: const Icon(Icons.send),
96onPressed: _sendMessage,
97),
98],
99),
100),
101],
102),
103);
104}
105}