завтра доделаю
This commit is contained in:
Jganenok
@@ -0,0 +1,275 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
|
||||
class InfoActionSheetItem {
|
||||
final IconData icon;
|
||||
final String title;
|
||||
final String body;
|
||||
final Color? titleColor;
|
||||
final Color? iconColor;
|
||||
|
||||
const InfoActionSheetItem({
|
||||
required this.icon,
|
||||
required this.title,
|
||||
required this.body,
|
||||
this.titleColor,
|
||||
this.iconColor,
|
||||
});
|
||||
}
|
||||
|
||||
Future<bool> showInfoActionSheet(
|
||||
BuildContext context, {
|
||||
String? headerEmoji,
|
||||
IconData? headerIcon,
|
||||
required String title,
|
||||
String? subtitle,
|
||||
List<InfoActionSheetItem> items = const [],
|
||||
String confirmLabel = 'ОК',
|
||||
Duration confirmDelay = Duration.zero,
|
||||
String? seenKey,
|
||||
}) async {
|
||||
assert(
|
||||
headerEmoji == null || headerIcon == null,
|
||||
'Use either headerEmoji or headerIcon, not both.',
|
||||
);
|
||||
|
||||
if (seenKey != null) {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
if (prefs.getBool(seenKey) ?? false) return true;
|
||||
}
|
||||
|
||||
if (!context.mounted) return false;
|
||||
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
final confirmed = await showModalBottomSheet<bool>(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
backgroundColor: cs.surfaceContainerHigh,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
|
||||
),
|
||||
builder: (ctx) => _InfoActionSheet(
|
||||
headerEmoji: headerEmoji,
|
||||
headerIcon: headerIcon,
|
||||
title: title,
|
||||
subtitle: subtitle,
|
||||
items: items,
|
||||
confirmLabel: confirmLabel,
|
||||
confirmDelay: confirmDelay,
|
||||
),
|
||||
);
|
||||
|
||||
final ok = confirmed == true;
|
||||
if (ok && seenKey != null) {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setBool(seenKey, true);
|
||||
}
|
||||
return ok;
|
||||
}
|
||||
|
||||
class _InfoActionSheet extends StatefulWidget {
|
||||
final String? headerEmoji;
|
||||
final IconData? headerIcon;
|
||||
final String title;
|
||||
final String? subtitle;
|
||||
final List<InfoActionSheetItem> items;
|
||||
final String confirmLabel;
|
||||
final Duration confirmDelay;
|
||||
|
||||
const _InfoActionSheet({
|
||||
this.headerEmoji,
|
||||
this.headerIcon,
|
||||
required this.title,
|
||||
this.subtitle,
|
||||
this.items = const [],
|
||||
required this.confirmLabel,
|
||||
required this.confirmDelay,
|
||||
});
|
||||
|
||||
@override
|
||||
State<_InfoActionSheet> createState() => _InfoActionSheetState();
|
||||
}
|
||||
|
||||
class _InfoActionSheetState extends State<_InfoActionSheet> {
|
||||
Timer? _ticker;
|
||||
int _remaining = 0;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_remaining = widget.confirmDelay.inSeconds;
|
||||
if (_remaining > 0) {
|
||||
_ticker = Timer.periodic(const Duration(seconds: 1), (_) {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_remaining--;
|
||||
if (_remaining == 0) {
|
||||
_ticker?.cancel();
|
||||
_ticker = null;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_ticker?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
final enabled = _remaining == 0;
|
||||
final buttonText = enabled
|
||||
? widget.confirmLabel
|
||||
: '${widget.confirmLabel}($_remaining)';
|
||||
final hasHeader = widget.headerEmoji != null || widget.headerIcon != null;
|
||||
|
||||
return SafeArea(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(24, 28, 24, 20),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Flexible(
|
||||
child: SingleChildScrollView(
|
||||
physics: const BouncingScrollPhysics(),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
if (hasHeader) ...[
|
||||
_buildHeader(cs),
|
||||
const SizedBox(height: 18),
|
||||
],
|
||||
Text(
|
||||
widget.title,
|
||||
textAlign: TextAlign.center,
|
||||
style: GoogleFonts.inter(
|
||||
color: cs.onSurface,
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
if (widget.subtitle != null) ...[
|
||||
const SizedBox(height: 6),
|
||||
Text(
|
||||
widget.subtitle!,
|
||||
textAlign: TextAlign.center,
|
||||
style: GoogleFonts.inter(
|
||||
color: cs.onSurfaceVariant,
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
),
|
||||
],
|
||||
if (widget.items.isNotEmpty) ...[
|
||||
const SizedBox(height: 22),
|
||||
for (int i = 0; i < widget.items.length; i++) ...[
|
||||
_buildItem(cs, widget.items[i]),
|
||||
if (i < widget.items.length - 1)
|
||||
const SizedBox(height: 18),
|
||||
],
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 28),
|
||||
FilledButton(
|
||||
onPressed: enabled ? () => Navigator.pop(context, true) : null,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: cs.primary,
|
||||
foregroundColor: cs.onPrimary,
|
||||
disabledBackgroundColor: cs.primary.withValues(alpha: 0.45),
|
||||
disabledForegroundColor: cs.onPrimary.withValues(alpha: 0.85),
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(28),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
buttonText,
|
||||
style: GoogleFonts.inter(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader(ColorScheme cs) {
|
||||
if (widget.headerEmoji != null) {
|
||||
return Center(
|
||||
child: Text(
|
||||
widget.headerEmoji!,
|
||||
style: const TextStyle(fontSize: 72, height: 1.0),
|
||||
),
|
||||
);
|
||||
}
|
||||
return Center(
|
||||
child: Icon(
|
||||
widget.headerIcon,
|
||||
size: 72,
|
||||
color: cs.primary,
|
||||
weight: 400,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildItem(ColorScheme cs, InfoActionSheetItem item) {
|
||||
final titleColor = item.titleColor ?? cs.onSurface;
|
||||
final iconColor = item.iconColor ?? cs.onSurfaceVariant;
|
||||
return Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 2),
|
||||
child: Icon(
|
||||
item.icon,
|
||||
size: 26,
|
||||
color: iconColor,
|
||||
weight: 400,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
item.title,
|
||||
style: GoogleFonts.inter(
|
||||
color: titleColor,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w700,
|
||||
height: 1.25,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
item.body,
|
||||
style: GoogleFonts.inter(
|
||||
color: cs.onSurfaceVariant,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
height: 1.35,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user