Update main_page.dart

JAICHANGPARK · Jun 5, 2019 · 8e8c933 · 8e8c933
1 parent 97f2949
commit 8e8c933
Showing 1 changed file with 36 additions and 42 deletions.
diff --git a/lib/credit_card_banking_app/main_page.dart b/lib/credit_card_banking_app/main_page.dart
@@ -1,4 +1,3 @@
-
 import 'package:flutter/material.dart';
 
 class CreditCardApp extends StatelessWidget {
@@ -9,6 +8,7 @@ class CreditCardApp extends StatelessWidget {
     );
   }
 }
+
 class HomePage extends StatefulWidget {
   @override
   _HomePageState createState() => _HomePageState();
@@ -26,11 +26,10 @@ class _HomePageState extends State<HomePage> {
               flex: 2,
               child: Container(
 //                color: Colors.blueGrey,
-              margin: const EdgeInsets.only(left: 16, right: 16),
+                margin: const EdgeInsets.only(left: 16, right: 16),
                 decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(17),
-                  border: Border.all(color: Colors.grey)
-                ),  
+                    borderRadius: BorderRadius.circular(17),
+                    border: Border.all(color: Colors.grey)),
               ),
             ),
             Expanded(
@@ -39,37 +38,39 @@ class _HomePageState extends State<HomePage> {
                 padding: const EdgeInsets.only(left: 36),
                 child: Align(
                   alignment: Alignment.centerLeft,
-                  child: Text("Your Cards", style: TextStyle(
-                    fontSize: 28,
-                    fontWeight: FontWeight.bold,
-                    letterSpacing: 1.2
-                  ),),
+                  child: Text(
+                    "Your Cards",
+                    style: TextStyle(
+                        fontSize: 28,
+                        fontWeight: FontWeight.bold,
+                        letterSpacing: 1.2),
+                  ),
                 ),
               ),
             ),
             Expanded(
               flex: 6,
               child: Container(
-                padding: const EdgeInsets.only(left: 36),
+                padding: const EdgeInsets.only(left: 36, bottom: 16),
                 child: ListView(
                   scrollDirection: Axis.horizontal,
                   children: <Widget>[
                     Container(
                       width: 200,
                       decoration: BoxDecoration(
 //                        color: Colors.pink,
-                        borderRadius: BorderRadius.circular(20),
-                        border: Border.all(color: Colors.black)
-                      ),
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: Colors.black)),
+                    ),
+                    SizedBox(
+                      width: 16,
                     ),
-                    SizedBox(width: 16,),
                     Container(
                       width: 180,
                       margin: const EdgeInsets.only(bottom: 36),
                       decoration: BoxDecoration(
                           borderRadius: BorderRadius.circular(20),
-                          border: Border.all(color: Colors.black)
-                      ),
+                          border: Border.all(color: Colors.black)),
                     )
                   ],
                 ),
@@ -78,36 +79,29 @@ class _HomePageState extends State<HomePage> {
             Expanded(
               flex: 4,
               child: Container(
-                  color: Colors.blue
+                decoration: BoxDecoration(
+                    color: Colors.blue,
+                    borderRadius:
+                        BorderRadius.only(topLeft: Radius.circular(48))),
+                child: Container(
+                  margin: const EdgeInsets.only(top: 64),
+                  decoration: BoxDecoration(
+                      color: Colors.deepPurpleAccent,
+                      borderRadius:
+                          BorderRadius.only(topLeft: Radius.circular(48))),
+                  child: Container(
+                    margin: const EdgeInsets.only(top: 64),
+                    decoration: BoxDecoration(
+                        color: Colors.black,
+                        borderRadius:
+                            BorderRadius.only(topLeft: Radius.circular(48))),
+                  ),
+                ),
               ),
-
             ),
           ],
         ),
       ),
     );
   }
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-