internal/flutter_chat
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_chat.git synced 2025-05-19 10:53:51 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: polish new chat screens

Browse source
This commit is contained in:
Vick Top 2024-04-16 13:31:40 +02:00
parent a59e149420
commit 6e2d0feac9
3 changed files with 78 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/flutter_chat_view/lib/src/config/chat_translations.dart
View file

@ -6,7 +6,7 @@ class ChatTranslations {
const ChatTranslations({ const ChatTranslations({
this.chatsTitle = 'Chats', this.chatsTitle = 'Chats',
this.chatsUnread = 'unread', this.chatsUnread = 'unread',
this.newChatButton = 'Start chat', this.newChatButton = 'Start a chat',
this.newGroupChatButton = 'Start group chat', this.newGroupChatButton = 'Start group chat',
this.newChatTitle = 'Start chat', this.newChatTitle = 'Start chat',
this.image = 'Image', this.image = 'Image',

34
packages/flutter_chat_view/lib/src/screens/new_chat_screen.dart
View file

@ -152,7 +152,7 @@ class _NewChatScreenState extends State<NewChatScreen> {
), ),
) )
: Text( : Text(
widget.translations.newChatButton, widget.translations.newChatTitle,
style: theme.appBarTheme.titleTextStyle ?? style: theme.appBarTheme.titleTextStyle ??
const TextStyle( const TextStyle(
color: Colors.white, color: Colors.white,
@ -196,20 +196,40 @@ class _NewChatScreenState extends State<NewChatScreen> {
return widget.options.noChatsPlaceholderBuilder(widget.translations); return widget.options.noChatsPlaceholderBuilder(widget.translations);
} }
return ListView.builder( return ListView.separated(
itemCount: filteredUsers.length, itemCount: filteredUsers.length,
separatorBuilder: (context, index) => const Padding(
padding: EdgeInsets.symmetric(horizontal: 28.0),
child: Divider(),
), // Add Divider here
itemBuilder: (context, index) { itemBuilder: (context, index) {
var user = filteredUsers[index]; var user = filteredUsers[index];
return GestureDetector( return GestureDetector(
child: widget.options.chatRowContainerBuilder( child: widget.options.chatRowContainerBuilder(
Container( Container(
color: Colors.transparent, color: Colors.transparent,
child: ChatRow( child: Padding(
avatar: widget.options.userAvatarBuilder( padding: const EdgeInsets.symmetric(horizontal: 20.0),
user, child: Row(
40.0, children: [
Padding(
padding: const EdgeInsets.only(left: 12.0, right: 12),
child: widget.options.userAvatarBuilder(user, 40.0),
),
Expanded(
child: Container(
height: 40.0, // Adjust the height as needed
alignment: Alignment.centerLeft,
child: Text(
user.fullName ?? widget.translations.anonymousUser,
style: const TextStyle(
fontWeight: FontWeight.w800,
),
),
),
),
],
), ),
title: user.fullName ?? widget.translations.anonymousUser,
), ),
), ),
), ),

35
packages/flutter_chat_view/lib/src/screens/new_group_chat_screen.dart
View file

@ -146,12 +146,15 @@ class _NewGroupChatScreenState extends State<NewGroupChatScreen> {
return widget.options.noChatsPlaceholderBuilder(widget.translations); return widget.options.noChatsPlaceholderBuilder(widget.translations);
} }
return ListView.builder( return ListView.separated(
itemCount: filteredUsers.length, itemCount: filteredUsers.length,
separatorBuilder: (context, index) => const Padding(
padding: EdgeInsets.symmetric(horizontal: 28.0),
child: Divider(),
), // Add Divider here
itemBuilder: (context, index) { itemBuilder: (context, index) {
var user = filteredUsers[index]; var user = filteredUsers[index];
var isSelected = var isSelected = selectedUserList.any((selectedUser) => selectedUser == user);
selectedUserList.any((selectedUser) => selectedUser == user);
return InkWell( return InkWell(
onTap: () { onTap: () {
@ -166,17 +169,23 @@ class _NewGroupChatScreenState extends State<NewGroupChatScreen> {
}, },
child: Container( child: Container(
color: isSelected ? Colors.amber.shade200 : Colors.white, color: isSelected ? Colors.amber.shade200 : Colors.white,
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 30),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Expanded( Padding(
child: widget.options.chatRowContainerBuilder( padding: const EdgeInsets.only(left: 12.0, right: 12),
ChatRow( child: widget.options.userAvatarBuilder(user, 40.0),
avatar: widget.options.userAvatarBuilder( ),
user, Expanded(
40.0, child: Container(
height: 40.0, // Adjust the height as needed
alignment: Alignment.centerLeft,
child: Text(
user.fullName ?? widget.translations.anonymousUser,
style: const TextStyle(
fontWeight: FontWeight.w800,
), ),
title: user.fullName ?? widget.translations.anonymousUser,
), ),
), ),
), ),
@ -188,8 +197,8 @@ class _NewGroupChatScreenState extends State<NewGroupChatScreen> {
], ],
), ),
), ),
),
); );
}, },
); );
} }}
}