feat: Cute animations for unread badge and typing icon

This commit is contained in:
Christian Pauly 2021-05-31 17:34:18 +02:00
parent 1bba8164f0
commit b2d250c5ef

View File

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