ThatOneJackalGuy/OpenContacts
1
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases 2 Packages Wiki Activity Actions

Improve responsiveness of bottom inset in message view

Browse source
This commit is contained in:
Nutcake 2023-05-16 13:20:11 +02:00
parent ece488d177
commit 57cbd4370b
1 changed files with 85 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

172
lib/widgets/messages/messages_list.dart
View file

@ -193,99 +193,97 @@ class _MessagesListState extends State<MessagesList> with SingleTickerProviderSt
}, },
), ),
), ),
], AnimatedContainer(
), decoration: BoxDecoration(
bottomNavigationBar: AnimatedContainer( boxShadow: [
decoration: BoxDecoration( BoxShadow(
boxShadow: [ blurRadius: _showBottomBarShadow ? 8 : 0,
BoxShadow( color: Theme.of(context).shadowColor,
blurRadius: _showBottomBarShadow ? 8 : 0, offset: const Offset(0, 4),
color: Theme.of(context).shadowColor,
offset: const Offset(0, 4),
),
],
color: Theme.of(context).colorScheme.background,
),
padding: MediaQuery
.of(context)
.viewInsets + const EdgeInsets.symmetric(horizontal: 4),
duration: const Duration(milliseconds: 250),
child: Row(
children: [
Expanded(
child: Padding(
padding: const EdgeInsets.all(8),
child: TextField(
autocorrect: true,
controller: _messageTextController,
maxLines: 4,
minLines: 1,
onChanged: (text) {
if (text.isNotEmpty && !_isSendable) {
setState(() {
_isSendable = true;
});
} else if (text.isEmpty && _isSendable) {
setState(() {
_isSendable = false;
});
}
},
decoration: InputDecoration(
isDense: true,
hintText: "Send a message to ${widget.friend
.username}...",
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(24)
)
),
), ),
), ],
color: Theme.of(context).colorScheme.background,
), ),
Padding( padding: const EdgeInsets.symmetric(horizontal: 4),
padding: const EdgeInsets.only(left: 8, right: 4.0), duration: const Duration(milliseconds: 250),
child: Consumer<MessagingClient>( child: Row(
builder: (context, mClient, _) { children: [
return IconButton( Expanded(
splashRadius: 24, child: Padding(
onPressed: _isSendable ? () async { padding: const EdgeInsets.all(8),
setState(() { child: TextField(
_isSendable = false; autocorrect: true,
}); controller: _messageTextController,
final message = Message( maxLines: 4,
id: Message.generateId(), minLines: 1,
recipientId: widget.friend.id, onChanged: (text) {
senderId: apiClient.userId, if (text.isNotEmpty && !_isSendable) {
type: MessageType.text,
content: _messageTextController.text,
sendTime: DateTime.now().toUtc(),
);
try {
mClient.sendMessage(message);
_messageTextController.clear();
setState(() {});
} catch (e) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Failed to send message\n$e",
maxLines: null,
),
),
);
setState(() { setState(() {
_isSendable = true; _isSendable = true;
}); });
} else if (text.isEmpty && _isSendable) {
setState(() {
_isSendable = false;
});
} }
} : null, },
iconSize: 28, decoration: InputDecoration(
icon: const Icon(Icons.send), isDense: true,
); hintText: "Send a message to ${widget.friend
}, .username}...",
), contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
) border: OutlineInputBorder(
], borderRadius: BorderRadius.circular(24)
), )
),
),
),
),
Padding(
padding: const EdgeInsets.only(left: 8, right: 4.0),
child: Consumer<MessagingClient>(
builder: (context, mClient, _) {
return IconButton(
splashRadius: 24,
onPressed: _isSendable ? () async {
setState(() {
_isSendable = false;
});
final message = Message(
id: Message.generateId(),
recipientId: widget.friend.id,
senderId: apiClient.userId,
type: MessageType.text,
content: _messageTextController.text,
sendTime: DateTime.now().toUtc(),
);
try {
mClient.sendMessage(message);
_messageTextController.clear();
setState(() {});
} catch (e) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Failed to send message\n$e",
maxLines: null,
),
),
);
setState(() {
_isSendable = true;
});
}
} : null,
iconSize: 28,
icon: const Icon(Icons.send),
);
},
),
)
],
),
),
],
), ),
); );
} }