https://github.com/bynicodevelop/flutter_chat
https://github.com/bynicodevelop/flutter_chat
Last synced: 9 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/bynicodevelop/flutter_chat
- Owner: bynicodevelop
- License: other
- Created: 2020-12-16T11:01:38.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-12-31T14:37:56.000Z (over 5 years ago)
- Last Synced: 2026-04-08T21:19:44.458Z (3 months ago)
- Language: Dart
- Size: 88.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter_chat
Allows you to create a cat with the different elements that compose it.
## Getting Started
```
import 'package:faker/faker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_chat_components/flutter_chat_components.dart';
import 'package:flutter_chat_components/MessageFied.dart';
import 'package:flutter_chat_components/models/Message.dart';
import 'package:flutter_chat_components/ButtonScrollDown.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
final ScrollController _scrollController = ScrollController();
final Faker _faker = Faker();
final List _messages = List();
final List _usersId = List();
bool _showScollButton = false;
void _scrollToBottom() {
if (_scrollController != null) {
_scrollController.animateTo(
_scrollController.position.maxScrollExtent + 100.0,
duration: Duration(milliseconds: 300),
curve: Curves.easeOut,
);
}
}
@override
void initState() {
super.initState();
_usersId.addAll([
_faker.guid.guid(),
_faker.guid.guid(),
]);
_messages.add(
MessageModel(
uid: _faker.guid.guid(),
userUid: _usersId[0],
text: 'First message',
),
);
for (int i = 0; i < 30; i++) {
int randInt = _faker.randomGenerator.integer(9);
_messages.add(
MessageModel(
uid: _faker.guid.guid(),
userUid: randInt % 2 != 0 ? _usersId[0] : _usersId[1],
text: _faker.lorem.sentences(2).join('\n'),
),
);
}
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 10.0,
),
child: Chat(
messages: _messages,
currentUserUid: _usersId[0],
scrollController: _scrollController,
isBottom: (value) => setState(() => _showScollButton = value),
),
),
floatingActionButton: ButtonScrollDown(
scrollToBottom: _scrollToBottom,
showScollButton: _showScollButton,
),
bottomNavigationBar: MessageField(
currentUserUid: _usersId[0],
onSend: (MessageModel value) {
print(value.toJson());
setState(() => _messages.add(value));
// Automatically scroll to the last message sent
// if the scrollController is define in the Chat widget
_scrollToBottom();
setState(() => print('Refreshing view...'));
},
),
),
);
}
}
```