Camera Feature (WIP)

game/lib/gameplay/camera_page.dart

@@ -0,0 +1,168 @@
+import 'package:flutter/material.dart';
+import 'package:camera/camera.dart';
+import 'dart:async';
+import 'dart:io';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class CameraPage extends StatefulWidget {
+  const CameraPage({Key? key}) : super(key: key);
+
+  @override
+  State<CameraPage> createState() => _CameraPageState();
+}
+
+class _CameraPageState extends State<CameraPage> {
+  late List<CameraDescription> _cameras;
+  late CameraController _controller;
+  int _selected = 0;
+  String imagePath = "";
+
+  @override
+  void initState() {
+    super.initState();
+    setupCamera();
+  }
+
+  Future<void> setupCamera() async {
+    await [
+      Permission.camera,
+    ].request();
+    _cameras = await availableCameras();
+
+    _controller = CameraController(_cameras[_selected], ResolutionPreset.max);
+    _controller.initialize().then((_) {
+      if (!mounted) {
+        return;
+      }
+      setState(() {});
+    }).catchError((Object e) {
+      if (e is CameraException) {
+        switch (e.code) {
+          case 'CameraAccessDenied':
+            // Handle access errors here.
+            break;
+          default:
+            // Handle other errors here.
+            break;
+        }
+      }
+    });
+  }
+
+  toggleCamera() async {
+    int newSelected = (_selected + 1) % _cameras.length;
+    _selected = newSelected;
+
+    var controller =
+        await CameraController(_cameras[_selected], ResolutionPreset.max);
+    setState(() => _controller = controller);
+  }
+
+  void takePhoto() async {
+    try {
+      final image = await _controller.takePicture();
+      setState(() {
+        imagePath = image.path;
+        //TODO: save image path to backend
+      });
+    } catch (e) {
+      print(e);
+    }
+  }
+
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Container(
+        padding: EdgeInsets.only(top: 80.0),
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            colors: [
+              Color.fromARGB(255, 237, 86, 86),
+              Color.fromARGB(77, 237, 86, 86)
+            ], // Adjust colors as needed
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
+            stops: [0.0, 0.5], // Adjust stops as needed
+            tileMode: TileMode.clamp,
+          ),
+        ),
+        child: Column(
+          children: [
+            Row(
+              children: [
+                TextButton(
+                  onPressed: () {
+                    Navigator.pop(context);
+                  },
+                  style: TextButton.styleFrom(
+                      backgroundColor: Color.fromARGB(0, 0, 0, 0)),
+                  child: Row(
+                    children: [
+                      Padding(
+                        padding: EdgeInsets.only(right: 8.0),
+                        child: SvgPicture.asset(
+                          "assets/icons/back.svg",
+                          width: 6,
+                          height: 14,
+                          colorFilter: ColorFilter.mode(
+                              Color.fromARGB(255, 96, 67, 91), BlendMode.srcIn),
+                        ),
+                      ),
+                      Text(
+                        "Leave Photo",
+                        style: TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w400,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                Spacer(),
+                ElevatedButton(
+                  onPressed: () {},
+                  child: Text(
+                    "Challenge",
+                    style: TextStyle(
+                      fontSize: 12,
+                      fontWeight: FontWeight.w400,
+                    ),
+                  ),
+                )
+              ],
+            ),
+            Text(
+              "Remember this moment with a photo!",
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w700,
+              ),
+            ),
+            imagePath == ""
+                ? Container(
+                    width: 600,
+                    height: 600,
+                    child: AspectRatio(
+                      aspectRatio: _controller.value.aspectRatio,
+                      child: CameraPreview(_controller),
+                    ),
+                  )
+                : Container(
+                    width: 600,
+                    height: 600,
+                    child: Image.file(
+                      File(imagePath),
+                    ),
+                  ),
+            IconButton(
+              onPressed: takePhoto,
+              icon: SvgPicture.asset('assets/icons/Shutter.svg'),
+            ),
+            // Image.file(),
+          ],
+        ),
+      ),
+    );
+  }
+}

game/lib/main.dart

@@ -7,6 +7,7 @@ import 'package:game/gameplay/gameplay_page.dart';
 import 'package:game/global_leaderboard/global_leaderboard_widget.dart';
 import 'package:game/journeys/journeys_page.dart';
 import 'package:game/login/login_page.dart';
+import 'package:game/gameplay/camera_page.dart';
 import 'package:game/model/challenge_model.dart';
 import 'package:game/model/event_model.dart';
 import 'package:game/model/group_model.dart';
@@ -76,7 +77,8 @@ class MyApp extends StatelessWidget {
           supportedLocales: const [Locale('en', '')],
           theme: ThemeData(
               fontFamily: 'Poppins', primarySwatch: ColorPalette.BigRed),
-          home: SplashPageWidget(),
+          // home: SplashPageWidget(),
+          home: CameraPage(),
         )));
   }
 }

game/pubspec.yaml

@@ -50,6 +50,9 @@ dependencies:
   latlong2: ^0.9.0
   device_info_plus: ^9.1.0
   flutter_svg: ^2.0.8
+  path_provider: ^2.0.9
+  path: ^1.8.0
+  camera: ^0.9.4+18
 
 flutter_icons:
   android: true