note_field.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 '../../../../../../core/ui/theme/color_palette.dart';
 
class NoteField extends StatelessWidget {
  final void Function(String)? onChanged;
 
  const NoteField({super.key, required this.onChanged});
 
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.symmetric(horizontal: 16.sp),
      padding: EdgeInsets.all(20.sp),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha:0.05),
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'information.additional_notes'.tr(),
            style: Theme.of(context).textTheme.titleSmall?.copyWith(
              color: ColorPalette.grey,
            ),
          ),
          SizedBox(height: 12.sp),
          TextField(
            onChanged: onChanged,
            decoration: InputDecoration(
              hintText: 'information.note_hint'.tr(),
              hintStyle: TextStyle(color: ColorPalette.grey.withValues(alpha:0.8)),
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(12),
                borderSide: BorderSide(color: ColorPalette.grey.withValues(alpha:0.2)),
              ),
              enabledBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(12),
                borderSide: const BorderSide(color: ColorPalette.lightGrey),
              ),
              disabledBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(12),
                borderSide: const BorderSide(color: ColorPalette.lightGrey),
              ),
              focusedBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(12),
                borderSide: const BorderSide(color: ColorPalette.lightGreen),
              ),
              filled: true,
              fillColor: Colors.grey[50],
            ),
            maxLines: 4,
          ),
        ],
      ),
    );
  }
}