instruction_field.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
 
import '/core/ui/theme/color_palette.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class InstructionField extends StatelessWidget {
  const InstructionField({
    super.key,
    required this.controller,
    this.isActive = true,
  });
 
  final TextEditingController controller;
  final bool isActive;
 
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.only(bottom: 15.sp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            AppLocalizations.of(context).translate('Instructions'),
            style: Theme.of(context)
                .textTheme
                .bodySmall
                ?.copyWith(color: ColorPalette.grey),
          ),
          SizedBox(height: 10.sp),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 15.sp, vertical: 6.sp),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(5),
              color: ColorPalette.grey.withOpacity(0.1),
            ),
            child: SizedBox(
              width: MediaQuery.of(context).size.width,
              child: TextFormField(
                controller: controller,
                decoration: InputDecoration(
                  contentPadding: EdgeInsets.zero,
                  hintText: AppLocalizations.of(context)
                      .translate('Type Instruction'),
                  hintStyle: Theme.of(context)
                      .textTheme
                      .bodySmall
                      ?.copyWith(color: ColorPalette.grey),
                  border: InputBorder.none,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}