mobile-app/lib/presentation/screens/scan_qr/scan_qr_code_page.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:qr_code_scanner/qr_code_scanner.dart';

import 'cubit/scan_qr_code_cubit.dart';

class ScanQRCodeSPage extends StatefulWidget {
  ScanQRCodeSPage({
    Key? key,
  }) : super(key: key);

  @override
  State<ScanQRCodeSPage> createState() => _ScanQRCodeSPageState();
}

class _ScanQRCodeSPageState extends State<ScanQRCodeSPage> {
  var bloc = ScanQrCodeCubit();

  @override
  void initState() {
    super.initState();
    bloc.init();
  }

  @override
  void dispose() {
    super.dispose();
    bloc.dispose();
  }

  @override
  Widget build(BuildContext context) {
    bloc.context = context;
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: Stack(
              children: [
                QRView(
                  key: bloc.qrKey,
                  onQRViewCreated: bloc.onQRViewCreated,
                  overlay: QrScannerOverlayShape(
                    borderColor: Colors.grey.shade300,
                    borderRadius: 16.0,
                    borderWidth: 4.0,
                    cutOutSize: Get.width / 3 * 2,
                  ),
                ),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    SizedBox(height: MediaQuery.of(context).padding.top + 20.0),
                    // Padding(
                    //   padding: EdgeInsets.only(left: 20.0),
                    //   child: AppButton(
                    //     width: 48.0.sp,
                    //     height: 48.0.sp,
                    //     outlinedBorder: RoundedRectangleBorder(
                    //       borderRadius: BorderRadius.circular(26.0.sp),
                    //     ),
                    //     onPressed: Get.back,
                    //     backgroundColor: (ThemeConstants.appColors[ColorConstants.gray900] as Color).withOpacity(0.4),
                    //     rightWidget: AppSvg24px(
                    //       AppImages.basicClose,
                    //       color: ThemeConstants.appColors[ColorConstants.white],
                    //     ),
                    //   ),
                    // ),
                  ],
                ),
                // Obx(() => bloc.isLoading.value ? const AppLoading() : const SizedBox.shrink()),
              ],
            ),
          ),
        ],
      ),
    );
  }
}