Work in progres 110/prostokąt (#141)

* ScanBackground * Add Row and Column * redRectangel * add red corners * changing the size of the rectangle * add shadow * add rectangle to scanbackground * fixed expanded * fixes review * add rectangle.svg * fixes review --------- Co-authored-by: Marcin Stepnowski <[email protected]>
KlubJagiellonski · Dec 11, 2024 · 4f4e7ea · 4f4e7ea
1 parent 0ba8db9
commit 4f4e7ea
Show file tree

Hide file tree

Showing 5 changed files with 97 additions and 21 deletions.
diff --git a/assets/menuPage/rectangle.svg b/assets/menuPage/rectangle.svg
diff --git a/lib/i18n/strings.g.dart b/lib/i18n/strings.g.dart
@@ -6,7 +6,7 @@
 /// Locales: 1
 /// Strings: 30
 ///
-/// Built on 2024-10-01 at 14:21 UTC
+/// Built on 2024-11-10 at 12:26 UTC
 
 // coverage:ignore-file
 // ignore_for_file: type=lint

diff --git a/lib/pages/scan/scan.dart b/lib/pages/scan/scan.dart
@@ -5,6 +5,7 @@ import 'package:mobile_scanner/mobile_scanner.dart';
 import 'package:pola_flutter/analytics/pola_analytics.dart';
 import 'package:pola_flutter/data/pola_api_repository.dart';
 import 'package:pola_flutter/pages/scan/companies_list.dart';
+import 'package:pola_flutter/pages/scan/scan_background.dart';
 import 'package:pola_flutter/pages/scan/scan_bloc.dart';
 import 'package:pola_flutter/pages/scan/scan_event.dart';
 import 'package:pola_flutter/pages/scan/scan_state.dart';
@@ -154,10 +155,6 @@ class _MainPageState extends State<MainPage> {
   }
 
   Widget _buildQrView(BuildContext context) {
-    var scanArea = (MediaQuery.of(context).size.width < 400 ||
-            MediaQuery.of(context).size.height < 400)
-        ? 250.0
-        : 300.0;
     return Stack(
       children: [
         Positioned.fill(
@@ -173,21 +170,7 @@ class _MainPageState extends State<MainPage> {
             },
           ),
         ),
-        Positioned.fill(
-          child: Align(
-            alignment: Alignment.center,
-            child: SizedBox(
-              width: scanArea,
-              height: scanArea / 1.25,
-              child: DecoratedBox(
-                decoration: BoxDecoration(
-                  border: Border.all(width: 5.0, color: Colors.black),
-                  color: Colors.transparent,
-                ),
-              ),
-            ),
-          ),
-        ),
+        ScanBackground(),
       ],
     );
   }

diff --git a/lib/pages/scan/scan_background.dart b/lib/pages/scan/scan_background.dart
@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:pola_flutter/theme/assets.gen.dart';
+import 'package:pola_flutter/theme/colors.dart';
+
+class ScanBackground extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        _BlackOpacity(),
+        Row(
+          children: [
+            _SizedBlackOpacity(),
+            _RedRectangle(),
+            _SizedBlackOpacity(),
+          ],
+        ),
+        _BlackOpacity(),
+      ],
+    );
+  }
+}
+
+class _SizedBlackOpacity extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: SizedBox(
+        height: 187,
+        child: Container(
+          color: AppColors.text.withOpacity(0.7),
+        ),
+      ),
+    );
+  }
+}
+
+class _BlackOpacity extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: Container(
+        color: AppColors.text.withOpacity(0.7),
+      ),
+    );
+  }
+}
+
+class _RedRectangle extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Assets.menuPage.rectangle.svg();
+  }
+}
diff --git a/lib/theme/assets.gen.dart b/lib/theme/assets.gen.dart