199 lines
7.8 KiB
Dart
199 lines
7.8 KiB
Dart
// import 'dart:io';
|
|
// import 'package:flutter/material.dart';
|
|
// import 'package:flutter_bloc/flutter_bloc.dart';
|
|
// import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
// import 'package:google_fonts/google_fonts.dart';
|
|
// import '../../common_packages/app_bar.dart';
|
|
// import '../blocs/postcard_creation_bloc.dart';
|
|
// import '../blocs/postcard_creation_state.dart';
|
|
// import '../widgets/purchase_details_bottom_sheet.dart';
|
|
// import '../widgets/step_progressbar.dart';
|
|
//
|
|
// class PreviewPostcardStepPageView extends StatefulWidget {
|
|
// const PreviewPostcardStepPageView({super.key});
|
|
//
|
|
// @override
|
|
// State<PreviewPostcardStepPageView> createState() =>
|
|
// _PreviewPostcardStepPageViewState();
|
|
// }
|
|
//
|
|
// class _PreviewPostcardStepPageViewState
|
|
// extends State<PreviewPostcardStepPageView> {
|
|
// bool showImage = false; // ✅ tracks which side is visible
|
|
//
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// return BlocBuilder<PostcardCreationBloc, PostcardCreationState>(
|
|
// builder: (context, state) {
|
|
// return SafeArea(
|
|
// child: SingleChildScrollView(
|
|
// padding: const EdgeInsets.all(16),
|
|
// child: Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: [
|
|
// CommonAppBar(isWhiteLogo: false, isProfilePage: false),
|
|
// StepProgressBar(totalSteps: 4, currentStep: 4),
|
|
// const SizedBox(height: 24),
|
|
//
|
|
// Text(
|
|
// "Preview your Postcard",
|
|
// style: TextStyle(
|
|
// fontSize: 20.sp,
|
|
// fontWeight: FontWeight.w600,
|
|
// color: const Color(0xff1A1A1A),
|
|
// ),
|
|
// ),
|
|
// const SizedBox(height: 20),
|
|
//
|
|
// // 🖼️ Preview Section
|
|
// Container(
|
|
// padding: const EdgeInsets.all(12),
|
|
// decoration: BoxDecoration(
|
|
// color: const Color(0xFFFFF5F5),
|
|
// borderRadius: BorderRadius.circular(12),
|
|
// ),
|
|
// child: Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: [
|
|
// if (showImage)
|
|
// // ✅ Show image side
|
|
// ClipRRect(
|
|
// borderRadius: BorderRadius.circular(8),
|
|
// child: state.imagePath != null
|
|
// ? Image.file(
|
|
// File(state.imagePath!),
|
|
// height: 180.h,
|
|
// width: double.infinity,
|
|
// fit: BoxFit.cover,
|
|
// )
|
|
// : const Center(
|
|
// child: Padding(
|
|
// padding: EdgeInsets.all(40),
|
|
// child: Text(
|
|
// "No image selected",
|
|
// style:
|
|
// TextStyle(color: Color(0xff999999)),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// )
|
|
// else
|
|
// // ✅ Show message side
|
|
// CustomPaint(
|
|
// painter: _LinedPaperPainter(),
|
|
// child: Container(
|
|
// width: double.infinity,
|
|
// padding: const EdgeInsets.symmetric(
|
|
// horizontal: 10,
|
|
// vertical: 12,
|
|
// ),
|
|
// child: Text(
|
|
// state.message ?? "",
|
|
// style: TextStyle(
|
|
// fontFamily: state.selectedFont ??
|
|
// GoogleFonts.poppins().fontFamily,
|
|
// fontSize: 14.sp,
|
|
// color: const Color(0xff1A1A1A),
|
|
// height: 1.8,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
//
|
|
// const SizedBox(height: 24),
|
|
//
|
|
// // 🔁 Flip Buttons (toggle state)
|
|
// Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
// children: [
|
|
// TextButton.icon(
|
|
// onPressed: showImage
|
|
// ? () => setState(() => showImage = false)
|
|
// : null,
|
|
// icon: const Icon(Icons.arrow_back,
|
|
// color: Color(0xffF95F62), size: 18),
|
|
// label: Text(
|
|
// "Flip",
|
|
// style: TextStyle(
|
|
// color: showImage
|
|
// ? const Color(0xffF95F62)
|
|
// : const Color(0xffC8C8C8),
|
|
// fontWeight: FontWeight.w500,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// TextButton.icon(
|
|
// onPressed: showImage
|
|
// ? null
|
|
// : () => setState(() => showImage = true),
|
|
// icon: Text(
|
|
// "Flip",
|
|
// style: TextStyle(
|
|
// color: showImage
|
|
// ? const Color(0xffC8C8C8)
|
|
// : const Color(0xffF95F62),
|
|
// fontWeight: FontWeight.w500,
|
|
// ),
|
|
// ),
|
|
// label: const Icon(Icons.arrow_forward,
|
|
// color: Color(0xffF95F62), size: 18),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
//
|
|
// const SizedBox(height: 16),
|
|
//
|
|
// // ▶ Next Button
|
|
// SizedBox(
|
|
// width: double.infinity,
|
|
// child: ElevatedButton(
|
|
// onPressed: () {
|
|
// PurchaseDetailsBottomSheet.show(context);
|
|
// },
|
|
// style: ElevatedButton.styleFrom(
|
|
// backgroundColor: const Color(0xffF95F62),
|
|
// padding: EdgeInsets.symmetric(vertical: 16.h),
|
|
// shape: RoundedRectangleBorder(
|
|
// borderRadius: BorderRadius.circular(40),
|
|
// ),
|
|
// ),
|
|
// child: Text(
|
|
// "Next",
|
|
// style: TextStyle(
|
|
// color: Colors.white,
|
|
// fontSize: 14.sp,
|
|
// fontWeight: FontWeight.w600,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// );
|
|
// },
|
|
// );
|
|
// }
|
|
// }
|
|
//
|
|
// /// 📜 Custom Painter for lined message area
|
|
// class _LinedPaperPainter extends CustomPainter {
|
|
// @override
|
|
// void paint(Canvas canvas, Size size) {
|
|
// final paint = Paint()
|
|
// ..color = const Color(0xffE6DCDC)
|
|
// ..strokeWidth = 1;
|
|
//
|
|
// const lineHeight = 30.0;
|
|
// for (double y = 20; y < size.height; y += lineHeight) {
|
|
// canvas.drawLine(Offset(0, y), Offset(size.width, y), paint);
|
|
// }
|
|
// }
|
|
//
|
|
// @override
|
|
// bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
|
|
// }
|