Comunic/comunicmobile
1
0
Fork 0
mirror of https://gitlab.com/comunic/comunicmobile synced 2025-11-04 04:04:18 +00:00
Code Issues Projects Releases Wiki Activity

Display users account images

Browse Source
This commit is contained in:
Pierre HUBERT
2019-04-26 11:04:06 +02:00
parent 051654d7d5
commit 6ab75bbacd
4 changed files with 168 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
lib/ui/screens/conversation_screen.dart
View File

@@ -79,7 +79,11 @@ class _ConversationScreenState extends State<ConversationScreen> {
else
_messages.addAll(messages);
//Reverse the order of the messages
_messages.sort();
final reverse =_messages.reversed;
_messages = ConversationMessagesList();
_messages.addAll(reverse);
});
}
@@ -151,10 +155,16 @@ class _ConversationScreenState extends State<ConversationScreen> {
});
}
// Check if a message is the last message of a user or not
/// Check if a message is the last message of a user or not
bool _isLastMessage(int index) {
return index == 0 ||
(index > 0 && _messages[index - 1].userID == _messages[index].userID);
(index > 0 && _messages[index - 1].userID != _messages[index].userID);
}
/// Check if a message is the first message of a user or not
bool _isFirstMessage(int index) {
return index == _messages.length - 1 ||
(index < _messages.length - 1 && _messages[index + 1].userID != _messages[index].userID);
}
/// Error handling
@@ -166,12 +176,14 @@ class _ConversationScreenState extends State<ConversationScreen> {
Widget _buildMessagesList() {
return Expanded(
child: ListView.builder(
reverse: true,
itemCount: _messages.length,
itemBuilder: (c, i) {
return ConversationMessageTile(
message: _messages.elementAt(i),
userInfo: _usersInfo.getUser(_messages[i].userID),
isLastMessage: _isLastMessage(i),
isFirstMessage: _isFirstMessage(i),
);
}),
);

131
lib/ui/tiles/conversation_message_tile.dart
View File

@@ -1,3 +1,4 @@
import 'package:cached_network_image/cached_network_image.dart';
import 'package:comunic/models/conversation_message.dart';
import 'package:comunic/models/user.dart';
import 'package:comunic/utils/account_utils.dart';
@@ -12,17 +13,39 @@ class ConversationMessageTile extends StatelessWidget {
final ConversationMessage message;
final User userInfo;
final bool isLastMessage;
final bool isFirstMessage;
const ConversationMessageTile(
{Key key,
@required this.message,
@required this.userInfo,
@required this.isLastMessage})
@required this.isLastMessage,
@required this.isFirstMessage})
: assert(message != null),
assert(userInfo != null),
assert(isLastMessage != null),
assert(isFirstMessage != null),
super(key: key);
/// Build account image
Widget _buildAccountImage() {
return Container(
margin: EdgeInsets.all(5.0),
child: Material(
child: CachedNetworkImage(
imageUrl: userInfo.accountImageURL,
width: 35.0,
height: 35.0,
fit: BoxFit.cover,
),
borderRadius: BorderRadius.all(
Radius.circular(18.0),
),
clipBehavior: Clip.hardEdge,
),
);
}
/// Build message date
Widget _buildMessageDate() {
return isLastMessage
@@ -31,6 +54,7 @@ class ConversationMessageTile extends StatelessWidget {
child: Text(
dateTimeToString(message.date),
style: TextStyle(color: Colors.black54, fontSize: 12.0),
textAlign: TextAlign.center,
),
)
: Container();
@@ -39,29 +63,39 @@ class ConversationMessageTile extends StatelessWidget {
/// Build a message of the current user
Widget _buildRightMessage() {
return Container(
margin: EdgeInsets.only(right: 10.0, bottom: isLastMessage ? 20.0 : 10.0),
margin: EdgeInsets.only(right: 5.0, bottom: isLastMessage ? 20.0 : 10.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Column(
children: <Widget>[
// Text message
Container(
child: Text(
message.message,
textAlign: TextAlign.justify,
style: TextStyle(color: Colors.white),
),
padding: EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
width: 200.0,
decoration: BoxDecoration(
color: Colors.blueAccent,
borderRadius: BorderRadius.circular(8.0),
),
Row(
children: <Widget>[
// Text message
Container(
child: Text(
message.message,
textAlign: TextAlign.justify,
style: TextStyle(color: Colors.white),
),
padding: EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
width: 200.0,
decoration: BoxDecoration(
color: Colors.blueAccent,
borderRadius: BorderRadius.circular(8.0),
),
),
// Account image
_buildAccountImage()
],
),
// Date
_buildMessageDate()
Container(
child: _buildMessageDate(),
margin: EdgeInsets.only(right: 45.0),
)
],
),
],
@@ -73,30 +107,55 @@ class ConversationMessageTile extends StatelessWidget {
/// Build a message of a peer user
Widget _buildLeftMessage() {
return Container(
margin: EdgeInsets.only(left: 10.0, bottom: isLastMessage ? 20.0 : 10.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
margin: EdgeInsets.only(left: 10.0, bottom: isLastMessage ? 20.0 : 5.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Column(
children: <Widget>[
// Text message
Container(
child: Text(
message.message,
textAlign: TextAlign.justify,
),
padding: EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
width: 200.0,
decoration: BoxDecoration(
color: Colors.black12,
borderRadius: BorderRadius.circular(8.0),
),
),
//User name
Container(
margin: EdgeInsets.only(left: 45.0),
child: isFirstMessage
? Text(
userInfo.fullName,
textAlign: TextAlign.left,
style: TextStyle(fontSize: 12.0),
)
: null,
),
// Date
_buildMessageDate()
Row(
children: <Widget>[
// Account image
_buildAccountImage(),
Column(
children: <Widget>[
// Text message
Container(
child: Text(
message.message,
textAlign: TextAlign.justify,
),
padding: EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
width: 200.0,
decoration: BoxDecoration(
color: Colors.black12,
borderRadius: BorderRadius.circular(8.0),
),
),
],
),
],
),
// Date
Container(
margin: EdgeInsets.only(left: 45.0),
child: Align(
alignment: Alignment.topLeft,
child: _buildMessageDate(),
),
)
],
),
);