packaging_waste_view.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../widgets/step_brogress_bar.dart';
import '/core/ui/widgets/custom_card.dart';
import '/core/ui/widgets/custom_text_form_field.dart';
 
class PackagingWasteView extends StatelessWidget {
  const PackagingWasteView({super.key});
 
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      padding: EdgeInsets.all(15.sp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            width: double.infinity,
            padding: EdgeInsets.all(15.sp),
            decoration: BoxDecoration(
              color: Colors.orange.withOpacity(0.11),
              borderRadius: BorderRadius.circular(10),
            ),
            child: Center(
              child: Text(
                'Waste',
                style: Theme.of(context)
                    .textTheme
                    .bodySmall
                    ?.copyWith(color: Colors.orange),
              ),
            ),
          ),
          SizedBox(height: 10.sp),
          CustomCard(
            padding: EdgeInsets.all(15.sp),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                SimpleProgressBar(
                  totalSteps: 9,
                  currentStep: 5,
                ),
                SizedBox(height: 10.sp),
                Text(
                  'How Much Packaging Waste Do You Generate Monthly (In Kg)?',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontSize: 12.sp,
                      ),
                ),
                SizedBox(height: 20.sp),
                _buildInputField(context, 'Plastic:', 'kg'),
                SizedBox(height: 15.sp),
                _buildInputField(context, 'Paper/Cardboard:', 'kg'),
                SizedBox(height: 15.sp),
                _buildInputField(context, 'Glass:', 'kg'),
                SizedBox(height: 15.sp),
                _buildInputField(context, 'Metal (E.G., Cans, Foil):', 'kg'),
                SizedBox(height: 20.sp),
                Text(
                  'What Percentage Of Your Packaging Waste Is Recycled?',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontSize: 12.sp,
                      ),
                ),
                SizedBox(height: 10.sp),
                CustomTextFormField(
                  hintText: 'input',
                  fillColor: Theme.of(context).highlightColor.withOpacity(0.11),
                  suffix: Padding(
                    padding: EdgeInsets.only(top: 13.sp, right: 10.sp),
                    child: Text(
                      '%',
                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
                            color: Theme.of(context).colorScheme.primary,
                            height: 0.0,
                          ),
                    ),
                  ),
                  controller: TextEditingController(),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
 
  Widget _buildInputField(BuildContext context, String label, String suffix) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          label,
          style: Theme.of(context).textTheme.bodySmall,
        ),
        SizedBox(height: 10.sp),
        CustomTextFormField(
          hintText: 'input',
          fillColor: Theme.of(context).highlightColor.withOpacity(0.11),
          suffix: Padding(
            padding: EdgeInsets.only(top: 13.sp, right: 10.sp),
            child: Text(
              suffix,
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                    color: Theme.of(context).colorScheme.primary,
                    height: 0.0,
                  ),
            ),
          ),
          controller: TextEditingController(),
        ),
      ],
    );
  }
}