重构录制页面，更新对话框逻辑，优化赛事信息粘贴功能，调整相关文本标签。
This commit is contained in:
234
lib/features/dialog/dialog-record.dart
Normal file
234
lib/features/dialog/dialog-record.dart
Normal file
@@ -0,0 +1,234 @@
|
||||
// ignore_for_file: file_names
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:recording_tool/gen/assets.gen.dart';
|
||||
|
||||
/// 录制页统一弹窗，支持单按钮和双按钮。
|
||||
class RecordDialog extends StatelessWidget {
|
||||
const RecordDialog({super.key, required this.title, required this.actions});
|
||||
|
||||
final String title;
|
||||
final List<RecordDialogAction> actions;
|
||||
|
||||
static Future<void> showSingle(
|
||||
BuildContext context, {
|
||||
required String title,
|
||||
required String buttonText,
|
||||
VoidCallback? onPressed,
|
||||
bool barrierDismissible = true,
|
||||
}) {
|
||||
return showDialog<void>(
|
||||
context: context,
|
||||
barrierDismissible: barrierDismissible,
|
||||
builder: (dialogContext) {
|
||||
return RecordDialog(
|
||||
title: title,
|
||||
actions: [
|
||||
RecordDialogAction.primary(
|
||||
text: buttonText,
|
||||
onPressed: () {
|
||||
Navigator.of(dialogContext).pop();
|
||||
onPressed?.call();
|
||||
},
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
static Future<void> showDouble(
|
||||
BuildContext context, {
|
||||
required String title,
|
||||
required String leftText,
|
||||
required String rightText,
|
||||
VoidCallback? onLeftPressed,
|
||||
VoidCallback? onRightPressed,
|
||||
bool barrierDismissible = false,
|
||||
}) {
|
||||
return showDialog<void>(
|
||||
context: context,
|
||||
barrierDismissible: barrierDismissible,
|
||||
builder: (dialogContext) {
|
||||
return RecordDialog(
|
||||
title: title,
|
||||
actions: [
|
||||
RecordDialogAction.secondary(
|
||||
text: leftText,
|
||||
onPressed: () {
|
||||
Navigator.of(dialogContext).pop();
|
||||
onLeftPressed?.call();
|
||||
},
|
||||
),
|
||||
RecordDialogAction.primary(
|
||||
text: rightText,
|
||||
onPressed: () {
|
||||
Navigator.of(dialogContext).pop();
|
||||
onRightPressed?.call();
|
||||
},
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final actionWidgets = actions
|
||||
.map((action) => Expanded(child: _RecordDialogButton(action: action)))
|
||||
.toList();
|
||||
|
||||
return Dialog(
|
||||
elevation: 0,
|
||||
backgroundColor: Colors.transparent,
|
||||
insetPadding: EdgeInsets.symmetric(horizontal: 37.w),
|
||||
child: ClipRRect(
|
||||
clipBehavior: Clip.none,
|
||||
|
||||
borderRadius: BorderRadius.circular(18.r),
|
||||
child: Container(
|
||||
width: 315.w,
|
||||
// height: 188.r,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
|
||||
borderRadius: BorderRadius.circular(18.r),
|
||||
),
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
Positioned(
|
||||
top: -88.r,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: Image.asset(
|
||||
Assets.images.imageDialogBg.path,
|
||||
width: double.maxFinite,
|
||||
height: 155.h,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.fromLTRB(24.w, 44.h, 24.w, 26.h),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: const Color(0xFF333333),
|
||||
fontSize: 19.sp,
|
||||
fontWeight: FontWeight.w600,
|
||||
height: 1.35,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 22.h),
|
||||
Row(
|
||||
children: [
|
||||
for (
|
||||
var index = 0;
|
||||
index < actionWidgets.length;
|
||||
index++
|
||||
) ...[
|
||||
if (index > 0) SizedBox(width: 16.w),
|
||||
actionWidgets[index],
|
||||
],
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class RecordDialogAction {
|
||||
const RecordDialogAction._({
|
||||
required this.text,
|
||||
required this.onPressed,
|
||||
required this.isPrimary,
|
||||
});
|
||||
|
||||
factory RecordDialogAction.primary({
|
||||
required String text,
|
||||
required VoidCallback onPressed,
|
||||
}) {
|
||||
return RecordDialogAction._(
|
||||
text: text,
|
||||
onPressed: onPressed,
|
||||
isPrimary: true,
|
||||
);
|
||||
}
|
||||
|
||||
factory RecordDialogAction.secondary({
|
||||
required String text,
|
||||
required VoidCallback onPressed,
|
||||
}) {
|
||||
return RecordDialogAction._(
|
||||
text: text,
|
||||
onPressed: onPressed,
|
||||
isPrimary: false,
|
||||
);
|
||||
}
|
||||
|
||||
final String text;
|
||||
final VoidCallback onPressed;
|
||||
final bool isPrimary;
|
||||
}
|
||||
|
||||
class _RecordDialogButton extends StatelessWidget {
|
||||
const _RecordDialogButton({required this.action});
|
||||
|
||||
final RecordDialogAction action;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final child = Center(
|
||||
child: Text(
|
||||
action.text,
|
||||
style: TextStyle(
|
||||
color: action.isPrimary ? Colors.white : const Color(0xFF333333),
|
||||
fontSize: 18.sp,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
return SizedBox(
|
||||
height: 48.h,
|
||||
child: TextButton(
|
||||
onPressed: action.onPressed,
|
||||
style: TextButton.styleFrom(
|
||||
padding: EdgeInsets.zero,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(24.r),
|
||||
),
|
||||
backgroundColor: action.isPrimary ? null : const Color(0xFFF2F2F2),
|
||||
),
|
||||
child: action.isPrimary
|
||||
? DecoratedBox(
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
colors: [Color(0xFF2F85FF), Color(0xFF5DCCF4)],
|
||||
),
|
||||
borderRadius: BorderRadius.circular(24.r),
|
||||
),
|
||||
child: SizedBox.expand(child: child),
|
||||
)
|
||||
: child,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user