131 lines
3.3 KiB
Dart
131 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/scheduler.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:vbvs_app/common/util/FitTool.dart';
|
|
import 'package:vbvs_app/common/util/MyUtils.dart';
|
|
import 'package:vbvs_app/controller/theme_controller/ThemeController.dart';
|
|
|
|
class TopSlideNotification extends StatefulWidget {
|
|
final String text;
|
|
double? fontSize = 26.rpx;
|
|
Color? textColor;
|
|
double? slideOffset = 200;
|
|
final Duration duration;
|
|
|
|
TopSlideNotification({
|
|
super.key,
|
|
this.text = '操作成功!',
|
|
this.fontSize,
|
|
this.textColor,
|
|
this.slideOffset,
|
|
this.duration = const Duration(seconds: 2),
|
|
});
|
|
|
|
@override
|
|
State<TopSlideNotification> createState() => _TopSlideNotificationState();
|
|
|
|
/// 工具方法：调用时直接加进 Overlay 上
|
|
static void show(
|
|
BuildContext context, {
|
|
String text = '操作成功!',
|
|
double fontSize = 16,
|
|
Color? textColor,
|
|
double slideOffset = 300.0,
|
|
Duration duration = const Duration(seconds: 2),
|
|
}) {
|
|
final overlay = Overlay.of(context);
|
|
final entry = OverlayEntry(
|
|
builder: (_) => TopSlideNotification(
|
|
text: text,
|
|
fontSize: fontSize,
|
|
textColor: textColor,
|
|
slideOffset: slideOffset,
|
|
duration: duration,
|
|
),
|
|
);
|
|
overlay.insert(entry);
|
|
|
|
Future.delayed(duration + const Duration(milliseconds: 500), () {
|
|
entry.remove();
|
|
});
|
|
}
|
|
}
|
|
|
|
class _TopSlideNotificationState extends State<TopSlideNotification>
|
|
with SingleTickerProviderStateMixin {
|
|
late AnimationController _controller;
|
|
late Animation<Offset> _animation;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_controller = AnimationController(
|
|
duration: const Duration(milliseconds: 300),
|
|
vsync: this,
|
|
);
|
|
|
|
SchedulerBinding.instance.addPostFrameCallback((_) async {
|
|
await _controller.forward();
|
|
await Future.delayed(widget.duration);
|
|
await _controller.reverse();
|
|
});
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
|
|
final screenHeight = MediaQuery.of(context).size.height;
|
|
final offsetValue = widget.slideOffset! / screenHeight;
|
|
|
|
_animation = Tween<Offset>(
|
|
begin: const Offset(0, -1),
|
|
end: Offset(0, offsetValue),
|
|
).animate(CurvedAnimation(
|
|
parent: _controller,
|
|
curve: Curves.easeOut,
|
|
reverseCurve: Curves.easeIn,
|
|
));
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Color get _textColor {
|
|
return widget.textColor ?? Get.find<ThemeController>().currentColor.sc2;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Positioned(
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
child: SlideTransition(
|
|
position: _animation,
|
|
child: Material(
|
|
color: stringToColor("#000000").withOpacity(0.8),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 20.0),
|
|
child: Container(
|
|
// color: Colors.red,
|
|
child: Text(
|
|
widget.text,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: widget.fontSize,
|
|
color: _textColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|