Merge pull request #215 from MeshEnvy/fix/enter-send-giphy

enh <enter> to send giphy
This commit is contained in:
zjs81
2026-02-24 19:13:55 -07:00
committed by GitHub
2 changed files with 75 additions and 42 deletions
+39 -22
View File
@@ -970,30 +970,47 @@ class _ChannelChatScreenState extends State<ChannelChatScreen> {
builder: (context, value, child) { builder: (context, value, child) {
final gifId = _parseGifId(value.text); final gifId = _parseGifId(value.text);
if (gifId != null) { if (gifId != null) {
return Row( return Focus(
children: [ autofocus: true,
Expanded( onKeyEvent: (node, event) {
child: ClipRRect( if (event is KeyDownEvent &&
borderRadius: BorderRadius.circular(12), (event.logicalKey == LogicalKeyboardKey.enter ||
child: GifMessage( event.logicalKey ==
url: LogicalKeyboardKey.numpadEnter)) {
'https://media.giphy.com/media/$gifId/giphy.gif', _sendMessage();
backgroundColor: Theme.of( return KeyEventResult.handled;
context, }
).colorScheme.surfaceContainerHighest, return KeyEventResult.ignored;
fallbackTextColor: Theme.of( },
context, child: Row(
).colorScheme.onSurface.withValues(alpha: 0.6), children: [
maxSize: 160, Expanded(
child: ClipRRect(
borderRadius: BorderRadius.circular(12),
child: GifMessage(
url:
'https://media.giphy.com/media/$gifId/giphy.gif',
backgroundColor: Theme.of(
context,
).colorScheme.surfaceContainerHighest,
fallbackTextColor: Theme.of(context)
.colorScheme
.onSurface
.withValues(alpha: 0.6),
maxSize: 160,
),
), ),
), ),
), const SizedBox(width: 8),
const SizedBox(width: 8), IconButton(
IconButton( icon: const Icon(Icons.close),
icon: const Icon(Icons.close), onPressed: () {
onPressed: () => _textController.clear(), _textController.clear();
), _textFieldFocusNode.requestFocus();
], },
),
],
),
); );
} }
+36 -20
View File
@@ -354,28 +354,44 @@ class _ChatScreenState extends State<ChatScreen> {
builder: (context, value, child) { builder: (context, value, child) {
final gifId = _parseGifId(value.text); final gifId = _parseGifId(value.text);
if (gifId != null) { if (gifId != null) {
return Row( return Focus(
children: [ autofocus: true,
Expanded( onKeyEvent: (node, event) {
child: ClipRRect( if (event is KeyDownEvent &&
borderRadius: BorderRadius.circular(12), (event.logicalKey == LogicalKeyboardKey.enter ||
child: GifMessage( event.logicalKey ==
url: LogicalKeyboardKey.numpadEnter)) {
'https://media.giphy.com/media/$gifId/giphy.gif', _sendMessage(connector);
backgroundColor: return KeyEventResult.handled;
colorScheme.surfaceContainerHighest, }
fallbackTextColor: colorScheme.onSurface return KeyEventResult.ignored;
.withValues(alpha: 0.6), },
maxSize: 160, child: Row(
children: [
Expanded(
child: ClipRRect(
borderRadius: BorderRadius.circular(12),
child: GifMessage(
url:
'https://media.giphy.com/media/$gifId/giphy.gif',
backgroundColor:
colorScheme.surfaceContainerHighest,
fallbackTextColor: colorScheme.onSurface
.withValues(alpha: 0.6),
maxSize: 160,
),
), ),
), ),
), const SizedBox(width: 8),
const SizedBox(width: 8), IconButton(
IconButton( icon: const Icon(Icons.close),
icon: const Icon(Icons.close), onPressed: () {
onPressed: () => _textController.clear(), _textController.clear();
), _textFieldFocusNode.requestFocus();
], },
),
],
),
); );
} }