wangjia
66 lines
2.3 KiB
Dart
66 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../core/theme/context_tokens.dart';
|
|
import '../providers/connectivity_provider.dart';
|
|
|
|
/// 离线提示里的「重试」按钮：
|
|
/// - 检测中显示转圈 +「重试中…」（过程可感知）
|
|
/// - 重试结束用 SnackBar 反馈成功/失败（结果可感知）
|
|
///
|
|
/// [foreground] 适配不同底色（红色横幅用白字，琥珀框用深色）。
|
|
class NetworkRetryButton extends ConsumerWidget {
|
|
final Color foreground;
|
|
const NetworkRetryButton({super.key, this.foreground = Colors.white});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final checking = ref.watch(connectivityCheckingProvider);
|
|
|
|
return TextButton(
|
|
onPressed: checking
|
|
? null
|
|
: () async {
|
|
final ok =
|
|
await ref.read(connectivityProvider.notifier).retry();
|
|
if (!context.mounted) return;
|
|
ScaffoldMessenger.of(context)
|
|
..hideCurrentSnackBar()
|
|
..showSnackBar(SnackBar(
|
|
content: Text(ok ? '已重新连接服务器' : '仍无法连接服务器，请稍后重试'),
|
|
backgroundColor: ok ? context.tokens.success : context.tokens.danger,
|
|
duration: const Duration(seconds: 2),
|
|
behavior: SnackBarBehavior.floating,
|
|
));
|
|
},
|
|
style: TextButton.styleFrom(
|
|
foregroundColor: foreground,
|
|
minimumSize: const Size(0, 32),
|
|
padding: const EdgeInsets.symmetric(horizontal: 10),
|
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (checking)
|
|
SizedBox(
|
|
width: 14,
|
|
height: 14,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
valueColor: AlwaysStoppedAnimation<Color>(foreground),
|
|
),
|
|
)
|
|
else
|
|
Icon(Icons.refresh, size: 16, color: foreground),
|
|
const SizedBox(width: 6),
|
|
Text(
|
|
checking ? '重试中…' : '重试',
|
|
style: TextStyle(
|
|
color: foreground, fontSize: 13, fontWeight: FontWeight.w600),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|