wangjia
6238b86dcb
- 登录/注册（login.html/register.html 1:1）：两栏卡片+品牌渐变面板+主题小衣服 pill（onSurface 变体）+记住我（记录并预填最近账号）+原型式 toast 校验； 登录 fidelity 1.4–2.1% 三主题全绿；注册暂不入闸（少 门店编号/兑换券 字段， 已记 CONTRACT，screens.mjs 留存根） - ds 原子补齐：DsToast（.toast 单例）/DsCheck（.check/.agree）/DsButton lg 档/ DsSelect 替换全部旧 DropdownButton/DsField label 在上/DsInput 后缀与密码形态 - 全屏统一：对话框按钮全 DsButton、盒式输入主题钉死（visualDensity.standard、 h38、InputDecorationTheme 渗漏修复）、图标全 lucide、JetBrains Mono 三端同源、 BrandMark 真相源 logo、只读模式写操作全量守卫（WriteGuard+DsToast） - 出入库列表：版式对齐原型（卡片对齐+搜索框居中）、KPI 近30天滚动、结清后 失效财务应收应付表；商品编辑抽屉介绍库改搜索下拉、图片双击全屏预览 - 删除旧 UI 死代码：DataTableCard/FormDialog/PageScaffold/SearchChip/ SelectProductDialog/tabStateProvider - golden/fidelity：stock-in/out 补注册（9%）、login 入册（8%）、goldens 全量重打； 修复 pubspec flutter_web_plugins 非法声明（CI pub get 阻断） Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
91 lines
3.0 KiB
Dart
91 lines
3.0 KiB
Dart
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
||
import 'package:flutter/material.dart';
|
||
|
||
/// 全屏图片查看器：黑底 modal + 多图左右翻页（PageView）+ 双指缩放/拖拽（InteractiveViewer）。
|
||
/// 点击背景或右上角关闭按钮退出。纯 Flutter 内置组件，无需额外依赖。
|
||
///
|
||
/// 用法：
|
||
/// ```dart
|
||
/// showFullscreenImages(context, urls, initialIndex: 2);
|
||
/// ```
|
||
void showFullscreenImages(BuildContext context, List<String> urls,
|
||
{int initialIndex = 0}) {
|
||
if (urls.isEmpty) return;
|
||
Navigator.of(context).push(PageRouteBuilder(
|
||
opaque: false,
|
||
barrierColor: Colors.black87, // ds-ignore: 全屏媒体查看器黑底白控固定色
|
||
pageBuilder: (_, __, ___) =>
|
||
FullscreenImageViewer(urls: urls, initialIndex: initialIndex),
|
||
));
|
||
}
|
||
|
||
class FullscreenImageViewer extends StatefulWidget {
|
||
final List<String> urls;
|
||
final int initialIndex;
|
||
const FullscreenImageViewer(
|
||
{super.key, required this.urls, this.initialIndex = 0});
|
||
|
||
@override
|
||
State<FullscreenImageViewer> createState() => _FullscreenImageViewerState();
|
||
}
|
||
|
||
class _FullscreenImageViewerState extends State<FullscreenImageViewer> {
|
||
late PageController _ctrl;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_ctrl = PageController(initialPage: widget.initialIndex);
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_ctrl.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: () => Navigator.of(context).pop(),
|
||
child: Scaffold(
|
||
backgroundColor: Colors.transparent,
|
||
body: Stack(
|
||
children: [
|
||
PageView.builder(
|
||
controller: _ctrl,
|
||
itemCount: widget.urls.length,
|
||
itemBuilder: (_, i) => Center(
|
||
child: InteractiveViewer(
|
||
child: Image.network(widget.urls[i],
|
||
fit: BoxFit.contain,
|
||
errorBuilder: (_, __, ___) => const Icon(
|
||
LucideIcons.imageOff,
|
||
size: 64,
|
||
color: Colors.white54)), // ds-ignore: 全屏媒体查看器黑底白控固定色
|
||
),
|
||
),
|
||
),
|
||
Positioned(
|
||
top: 40,
|
||
right: 16,
|
||
child: GestureDetector(
|
||
onTap: () => Navigator.of(context).pop(),
|
||
child: Container(
|
||
padding: const EdgeInsets.all(8),
|
||
decoration: BoxDecoration(
|
||
color: Colors.black54, // ds-ignore: 全屏媒体查看器黑底白控固定色
|
||
borderRadius: BorderRadius.circular(20)),
|
||
child: const Icon(LucideIcons.x,
|
||
color: Colors.white, // ds-ignore: 全屏媒体查看器黑底白控固定色
|
||
size: 20), // ds-ignore: 全屏媒体查看器黑底白控固定色
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|