Feature/#11 detail menu UI

lib/screens/camera/detailed_result_true.dart

@@ -0,0 +1,97 @@
+import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
+final Uri _url = Uri.parse('https://www.google.com/search?q=%EC%95%84%EB%A9%94%EB%A6%AC%EC%B9%B4%EB%85%B8');
+
+class DetailResultTrue extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Container(
+        alignment: Alignment.topCenter,
+        decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/background.png'),
+          fit:BoxFit.fitWidth,
+          alignment: Alignment.topCenter
+          ),
+        ),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const SizedBox(height: 30),
+            const Text('결과 확인',
+              style: TextStyle(
+                fontSize: 30,
+                fontWeight:FontWeight.bold ,
+                color: Colors.black,
+              ),
+            ),
+            const SizedBox(height: 20),
+            SizedBox(width: 300,height: 500,
+            child:
+            Card(
+                shape: RoundedRectangleBorder(  //모서리를 둥글게 하기 위해 사용
+                  borderRadius: BorderRadius.circular(16.0),
+                ),
+                elevation: 4.0, // 그림자 깊이
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    const Text('아메리카노',
+                      style: TextStyle(
+                        fontSize: 40,
+                        color: Colors.black,
+                      ),),
+                    const SizedBox(height: 15),
+                    const Icon(
+                      Icons.coffee,
+                      color: Colors.brown,
+                      size: 200,),
+                    const Padding(padding: EdgeInsets.symmetric(horizontal: 50.0,vertical: 20.0),
+                      child: Text('에스프레소에 뜨거운 물을 더한 음료',
+                        style: TextStyle(
+                            fontSize: 20,
+                            color: Colors.black),
+                        textAlign: TextAlign.center,
+                        maxLines: 2,
+                      ),
+                    ),
+                    TextButton(
+                      onPressed: _launchUrl,
+                      child: const Text('검색 결과 더보기',
+                      style: TextStyle(color: Colors.blue,
+                      decoration: TextDecoration.underline),),
+                    ),
+                  ],
+                )
+            ),
+
+            ),
+
+            const SizedBox(height: 30),
+            ElevatedButton(
+              onPressed: (){Navigator.pop(context);},
+              style: ElevatedButton.styleFrom(
+                primary: Color(0xFFFFD700),
+                onPrimary: Colors.black,
+                minimumSize: Size(300, 40),
+                padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 20),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(20),
+                ),
+              ),
+              child: Text('목록으로', style: TextStyle(fontSize: 30)),
+            ),
+            const SizedBox(height: 10),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Future<void> _launchUrl() async {
+    if (!await launchUrl(_url)) {
+      throw Exception('Could not launch $_url');
+    }
+  }
+}

lib/screens/camera/result_screen.dart

@@ -3,6 +3,7 @@ import 'package:i_can_read/configs/color.dart';
 import 'package:i_can_read/configs/curve_painter.dart';
 import 'package:i_can_read/models/menu.dart';
 import 'package:i_can_read/models/menu_repository.dart';
+import 'package:i_can_read/screens/camera/detailed_result_true.dart';
 
 class ResultScreen extends StatelessWidget {
   ResultScreen({super.key});
@@ -51,6 +52,12 @@ class MenuTile extends StatelessWidget {
       child: ListTile(
         title: Text(menu.name, style: const TextStyle(fontSize: 28)),
         subtitle: Text(menu.description, style: const TextStyle(fontSize: 20)),
+        onTap: () {
+          Navigator.push(
+            context,
+            MaterialPageRoute(builder: (context) => DetailResultTrue()),
+          );
+        },
         leading: AspectRatio(
           aspectRatio: 1,
           child: Image.network(menu.image, width: 100, fit: BoxFit.cover)

lib/screens/recommend/recommend_result.dart

@@ -38,7 +38,7 @@ class RecommendResultScreen extends StatelessWidget {
                 child: Column(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children:const [
-                    Text('<b>아메리카노</b>',
+                    Text('아메리카노',
                       style: TextStyle(
                         fontSize: 40,
                         color: Colors.black,

lib/screens/recommend/recommend_screen.dart

@@ -62,12 +62,13 @@ class RecommendScreen extends StatelessWidget {
                 primary: Color(0xFFC6ECCD),
                 onPrimary: Colors.black,
                 minimumSize: const Size(300, 200),
+                maximumSize: const Size(300, 200),
                 padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 20),
                 shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(20),
                 ),
               ),
-              child: Text('카페인 미포함', style: TextStyle(fontSize: 40)),
+              child: Text('카페인\n미포함', style: TextStyle(fontSize: 40)),
             ),
             const SizedBox(height: 10),
             Row(

pubspec.yaml

@@ -38,7 +38,7 @@ dependencies:
   cupertino_icons: ^1.0.2
   camera: ^0.10.2+1
   path_provider: ^2.0.12
-  url_launcher: ^6.0.18
+  url_launcher: ^6.1.10
 
 dev_dependencies:
   flutter_test: