signature_section.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:signature/signature.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
 
class SignatureSection extends StatelessWidget {
  final bool isDrawingMode;
  final VoidCallback onDrawingModeToggle;
  final VoidCallback onClear;
  final SignatureController controller;
 
  const SignatureSection({
    super.key,
    required this.isDrawingMode,
    required this.onDrawingModeToggle,
    required this.onClear,
    required this.controller,
  });
 
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              'full_fill_collection.signature'.tr(),
              style: Theme.of(context).textTheme.titleSmall?.copyWith(
                color: ColorPalette.grey,
              ),
            ),
            Row(
              children: [
                TextButton(
                  onPressed: onDrawingModeToggle,
                  child: Row(
                    children: [
                      Icon(
                        isDrawingMode ? Icons.edit_off : Icons.edit,
                        color: isDrawingMode ? ColorPalette.darkGreen : ColorPalette.grey,
                        size: 16.sp,
                      ),
                      SizedBox(width: 4.sp),
                      Text(
                        isDrawingMode ? 'full_fill_collection.exit_drawing'.tr() : 'full_fill_collection.start_drawing'.tr(),
                        style: TextStyle(
                          fontSize: 14.sp,
                          color: isDrawingMode ? ColorPalette.darkGreen : ColorPalette.grey,
                        ),
                      ),
                    ],
                  ),
                ),
                SizedBox(width: 8.sp),
                TextButton(
                  onPressed: onClear,
                  child: Row(
                    children: [
                      Icon(Icons.clear, color: ColorPalette.red, size: 16.sp),
                      Text(
                        'full_fill_collection.clear'.tr(),
                        style: TextStyle(
                          fontSize: 14.sp,
                          color: ColorPalette.red,
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ],
        ),
        SizedBox(height: 8.sp),
        Stack(
          children: [
            Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20.sp),
                border: Border.all(
                  color: isDrawingMode 
                    ? ColorPalette.darkGreen.withValues(alpha: 0.5)
                    : ColorPalette.grey.withValues(alpha: 0.2)
                ),
                color: Colors.white,
              ),
              height: 200.sp,
              child: ClipRRect(
                borderRadius: BorderRadius.circular(20.sp),
                child: AbsorbPointer(
                  absorbing: !isDrawingMode,
                  child: Signature(
                    controller: controller,
                    backgroundColor: Colors.white,
                  ),
                ),
              ),
            ),
            if (!isDrawingMode)
              Positioned.fill(
                child: Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(20.sp),
                    color: Colors.transparent,
                  ),
                ),
              ),
          ],
        ),
      ],
    );
  }
}