mirror of
https://github.com/twonlyapp/twonly-app.git
synced 2026-01-15 07:48:40 +00:00
fix #352
Some checks are pending
Flutter analyze & test / flutter_analyze_and_test (push) Waiting to run
Some checks are pending
Flutter analyze & test / flutter_analyze_and_test (push) Waiting to run
This commit is contained in:
parent
027871290d
commit
abd689f1fa
2 changed files with 95 additions and 30 deletions
|
|
@ -18,6 +18,7 @@ import 'package:twonly/src/views/chats/chat_messages_components/entries/chat_dat
|
|||
import 'package:twonly/src/views/chats/chat_messages_components/message_input.dart';
|
||||
import 'package:twonly/src/views/chats/chat_messages_components/response_container.dart';
|
||||
import 'package:twonly/src/views/components/avatar_icon.component.dart';
|
||||
import 'package:twonly/src/views/components/blink.component.dart';
|
||||
import 'package:twonly/src/views/components/flame.dart';
|
||||
import 'package:twonly/src/views/components/verified_shield.dart';
|
||||
import 'package:twonly/src/views/contact/contact.view.dart';
|
||||
|
|
@ -372,22 +373,12 @@ class _ChatMessagesViewState extends State<ChatMessagesView> {
|
|||
);
|
||||
} else {
|
||||
final chatMessage = messages[i].message!;
|
||||
return Transform.translate(
|
||||
offset: Offset(
|
||||
(focusedScrollItem == i)
|
||||
? (chatMessage.senderId == null)
|
||||
? -8
|
||||
: 8
|
||||
: 0,
|
||||
0,
|
||||
),
|
||||
child: Transform.scale(
|
||||
scale: (focusedScrollItem == i) ? 1.05 : 1,
|
||||
return BlinkWidget(
|
||||
enabled: focusedScrollItem == i,
|
||||
child: ChatListEntry(
|
||||
key: Key(chatMessage.messageId),
|
||||
message: messages[i].message!,
|
||||
nextMessage:
|
||||
(i > 0) ? messages[i - 1].message : null,
|
||||
nextMessage: (i > 0) ? messages[i - 1].message : null,
|
||||
prevMessage: ((i + 1) < messages.length)
|
||||
? messages[i + 1].message
|
||||
: null,
|
||||
|
|
@ -402,7 +393,6 @@ class _ChatMessagesViewState extends State<ChatMessagesView> {
|
|||
textFieldFocus.requestFocus();
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
|
|
|
|||
75
lib/src/views/components/blink.component.dart
Normal file
75
lib/src/views/components/blink.component.dart
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/scheduler.dart';
|
||||
|
||||
class BlinkWidget extends StatefulWidget {
|
||||
const BlinkWidget({
|
||||
required this.child,
|
||||
required this.enabled,
|
||||
super.key,
|
||||
this.blinkDuration = const Duration(milliseconds: 2500),
|
||||
this.interval = const Duration(milliseconds: 250),
|
||||
this.visibleOpacity = 1.0,
|
||||
this.hiddenOpacity = 0.4,
|
||||
});
|
||||
final bool enabled;
|
||||
final Widget child;
|
||||
final Duration blinkDuration;
|
||||
final Duration interval;
|
||||
final double visibleOpacity;
|
||||
final double hiddenOpacity;
|
||||
|
||||
@override
|
||||
State<BlinkWidget> createState() => _BlinkWidgetState();
|
||||
}
|
||||
|
||||
class _BlinkWidgetState extends State<BlinkWidget>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late Ticker _ticker;
|
||||
bool _visible = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_ticker = createTicker(_onTick);
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant BlinkWidget oldWidget) {
|
||||
if (oldWidget.enabled != widget.enabled) {
|
||||
if (widget.enabled) {
|
||||
_ticker
|
||||
..stop()
|
||||
..start();
|
||||
}
|
||||
}
|
||||
super.didUpdateWidget(oldWidget);
|
||||
}
|
||||
|
||||
void _onTick(Duration elapsed) {
|
||||
var visible = true;
|
||||
if (elapsed.inMilliseconds < widget.blinkDuration.inMilliseconds) {
|
||||
visible = elapsed.inMilliseconds % (widget.interval.inMilliseconds * 2) <
|
||||
widget.interval.inMilliseconds;
|
||||
} else {
|
||||
_ticker.stop();
|
||||
}
|
||||
setState(() => _visible = visible);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_ticker.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedOpacity(
|
||||
opacity: _visible ? widget.visibleOpacity : widget.hiddenOpacity,
|
||||
duration: Duration(
|
||||
milliseconds: widget.blinkDuration.inMilliseconds ~/ 3,
|
||||
),
|
||||
child: widget.child,
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue