GitLab/fluffychat
2
0
Fork 0
mirror of https://gitlab.com/famedly/fluffychat.git synced 2024-12-22 05:22:34 +01:00
Code Issues Projects Releases Wiki Activity

feat: Cute animations for unread badge and typing icon

Browse Source
This commit is contained in:
Christian Pauly 2021-05-31 17:34:18 +02:00
parent 1bba8164f0
commit b2d250c5ef
1 changed files with 38 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
lib/widgets/list_items/chat_list_item.dart
View File

@ -202,18 +202,26 @@ class ChatListItem extends StatelessWidget {
), ),
SizedBox(width: 4), SizedBox(width: 4),
}, },
if (typingText.isNotEmpty) ...{ AnimatedContainer(
Icon( width: typingText.isEmpty ? 0 : 18,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(),
duration: Duration(milliseconds: 300),
curve: Curves.bounceInOut,
padding: EdgeInsets.only(right: 4),
child: Icon(
Icons.edit_outlined, Icons.edit_outlined,
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.secondary,
size: 14, size: 14,
), ),
SizedBox(width: 4), ),
},
if (typingText.isEmpty && if (typingText.isEmpty &&
!ownMessage && !ownMessage &&
!room.isDirectChat && !room.isDirectChat &&
room.lastEvent != null) room.lastEvent != null &&
room.lastEvent.type == EventTypes.Message &&
{MessageTypes.Text, MessageTypes.Notice}
.contains(room.lastEvent.messageType))
Text( Text(
'${room.lastEvent.sender.calcDisplayname()}: ', '${room.lastEvent.sender.calcDisplayname()}: ',
style: TextStyle( style: TextStyle(
@ -267,10 +275,15 @@ class ChatListItem extends StatelessWidget {
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.secondary,
), ),
), ),
if (room.isUnread) AnimatedContainer(
Container( duration: Duration(milliseconds: 300),
curve: Curves.bounceInOut,
padding: EdgeInsets.symmetric(horizontal: 7), padding: EdgeInsets.symmetric(horizontal: 7),
height: room.notificationCount > 0 ? 20 : 14, height: room.isUnread
? room.notificationCount > 0
? 20
: 14
: 0,
decoration: BoxDecoration( decoration: BoxDecoration(
color: room.highlightCount > 0 || room.markedUnread color: room.highlightCount > 0 || room.markedUnread
? Colors.red ? Colors.red