[1주차] 3단계

lib/component/billing.dart

@@ -1,101 +1,109 @@
+import 'package:cart_sample/model/menu_count_model.dart';
+import 'package:cart_sample/utils/currency_formatter.dart';
 import 'package:flutter/material.dart';
-import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
 
 class Billing extends StatelessWidget {
-
-  final format = NumberFormat.currency(locale: "ko_KR", name: "", decimalDigits: 0 );
-  final int orderPrice;
+  final int menuPrice;
   final int deliveryPrice;
 
-  Billing({Key? key, required this.orderPrice, required this.deliveryPrice}) : super(key: key);
+  Billing({
+    Key? key,
+    required this.menuPrice,
+    required this.deliveryPrice,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    var _deliveryPrice = format.format(deliveryPrice);
-    var _orderPrice = format.format(orderPrice);
-    var _totalPrice = format.format(orderPrice + deliveryPrice);
+    final _deliveryPrice = CurrencyFormatter.convert(deliveryPrice);
 
-    return Container(
-      decoration: BoxDecoration(
-        color: Colors.white,
-        border: Border(
-          bottom: BorderSide(
-            color: Colors.grey.withOpacity(0.3),
-            width: 2,
+    return Consumer<MenuCounterModel>(
+      builder: (context, menuCounter, child) => Container(
+        decoration: BoxDecoration(
+          color: Colors.white,
+          border: Border(
+            bottom: BorderSide(
+              color: Colors.grey.withOpacity(0.3),
+              width: 2,
+            ),
           ),
         ),
-      ),
-      child: Column(
-        children: [
-          SizedBox(
-            height: 20,
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 20),
-            child: Row(
-              children: [
-                Text('총 주문금액'),
-                Spacer(),
-                Text('$_orderPrice원'),
-              ],
+        child: Column(
+          children: [
+            SizedBox(
+              height: 20,
             ),
-          ),
-          SizedBox(
-            height: 10,
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 20),
-            child: Row(
-              children: [
-                Text(
-                  '배탈팁',
-                  style: TextStyle(
-                    fontSize: 16,
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20),
+              child: Row(
+                children: [
+                  Text('총 주문금액'),
+                  Spacer(),
+                  Text(
+                      '${CurrencyFormatter.convert(calculateOrderPrice(menuCounter))}원'),
+                ],
+              ),
+            ),
+            SizedBox(
+              height: 10,
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20),
+              child: Row(
+                children: [
+                  Text(
+                    '배탈팁',
+                    style: TextStyle(
+                      fontSize: 16,
+                    ),
                   ),
-                ),
-                Spacer(),
-                Text(
-                  '$_deliveryPrice원',
-                  style: TextStyle(
-                    fontSize: 16,
+                  Spacer(),
+                  Text(
+                    '$_deliveryPrice원',
+                    style: TextStyle(
+                      fontSize: 16,
+                    ),
                   ),
-                ),
-              ],
+                ],
+              ),
             ),
-          ),
-          Padding(
-            padding: const EdgeInsets.all(20),
-            child: Divider(
-              color: Colors.grey,
+            Padding(
+              padding: const EdgeInsets.all(20),
+              child: Divider(
+                color: Colors.grey,
+              ),
             ),
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 20),
-            child: Row(
-              children: [
-                Text(
-                  '결제예정금액',
-                  style: TextStyle(
-                    fontSize: 16,
-                    fontWeight: FontWeight.bold,
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20),
+              child: Row(
+                children: [
+                  Text(
+                    '결제예정금액',
+                    style: TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.bold,
+                    ),
                   ),
-                ),
-                Spacer(),
-                Text(
-                  '$_totalPrice원',
-                  style: TextStyle(
-                    fontSize: 16,
-                    fontWeight: FontWeight.bold,
+                  Spacer(),
+                  Text(
+                    '${CurrencyFormatter.convert(deliveryPrice + (calculateOrderPrice(menuCounter)))}원',
+                    style: TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.bold,
+                    ),
                   ),
-                ),
-              ],
+                ],
+              ),
             ),
-          ),
-          SizedBox(
-            height: 20,
-          ),
-        ],
+            SizedBox(
+              height: 20,
+            ),
+          ],
+        ),
       ),
     );
   }
+
+  int calculateOrderPrice(MenuCounterModel menuCounter) =>
+      menuPrice * menuCounter.menuCount;
 }

lib/component/bottom_navigation_bar.dart

@@ -0,0 +1,72 @@
+part of '../../screen/cart_screen.dart';
+
+class BottomButton extends StatelessWidget {
+  final int _menuPrice;
+  final int _deliveryPrice;
+
+  const BottomButton({Key? key, required menuPrice, required deliveryPrice})
+      : _menuPrice = menuPrice,
+        _deliveryPrice = deliveryPrice,
+        super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MenuCounterModel>(
+      builder: (context, menuCount, child) => Container(
+        color: Colors.white,
+        child: SafeArea(
+          child: Container(
+            height: 65,
+            padding: const EdgeInsets.symmetric(
+              horizontal: 20,
+              vertical: 10,
+            ),
+            child: ElevatedButton(
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Container(
+                    width: 25,
+                    height: 25,
+                    decoration: BoxDecoration(
+                      color: Colors.white,
+                      shape: BoxShape.circle,
+                    ),
+                    child: Center(
+                      child: Text(
+                        '1',
+                        style: TextStyle(
+                          color: Color.fromRGBO(44, 191, 188, 1.0),
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                  ),
+                  SizedBox(
+                    width: 7,
+                  ),
+                  Text(
+                    '${_calculateTotalPrice(menuCount)}원 배달 주문하기',
+                    style: TextStyle(
+                      fontSize: 18,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ],
+              ),
+              style: ButtonStyle(
+                backgroundColor: MaterialStateProperty.all(
+                  Color.fromRGBO(44, 191, 188, 1.0),
+                ),
+              ),
+              onPressed: () {},
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  int _calculateTotalPrice(MenuCounterModel menuCounter) =>
+      _deliveryPrice + (_menuPrice * menuCounter.menuCount);
+}