update

ngocduy96 · May 22, 2020 · 8d28425 · 8d28425
1 parent d16def3
commit 8d28425
Show file tree

Hide file tree

Showing 19 changed files with 24 additions and 18 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/01-Install Flutter on Windows 10 and MacOS Catalina/.DS_Store b/01-Install Flutter on Windows 10 and MacOS Catalina/.DS_Store
diff --git a/02-Dart basics-variables, functions, string, list/.DS_Store b/02-Dart basics-variables, functions, string, list/.DS_Store
diff --git a/03-Dart basics-Class, object, constructor, method/.DS_Store b/03-Dart basics-Class, object, constructor, method/.DS_Store
diff --git a/04-Dart basics-CRUD a list of objects/.DS_Store b/04-Dart basics-CRUD a list of objects/.DS_Store
diff --git a/05-Dart basics-Final & const, Map type/.DS_Store b/05-Dart basics-Final & const, Map type/.DS_Store
diff --git a/06-Flutter basics-Widget, build method, StatelessWidget/.DS_Store b/06-Flutter basics-Widget, build method, StatelessWidget/.DS_Store
diff --git a/07-Flutter basics-StatefulWidget, save TextField value to a state/.DS_Store b/07-Flutter basics-StatefulWidget, save TextField value to a state/.DS_Store
diff --git a/...get lifecycle, observe background and foreground modes | WidgetsBindingObserver/.DS_Store b/...get lifecycle, observe background and foreground modes | WidgetsBindingObserver/.DS_Store
diff --git a/09-Flutter basics-Add packages and format DateTime with intl/.DS_Store b/09-Flutter basics-Add packages and format DateTime with intl/.DS_Store
diff --git a/10-Flutter basics-Layout with SafeArea,Column, FlatButton, TextField/.DS_Store b/10-Flutter basics-Layout with SafeArea,Column, FlatButton, TextField/.DS_Store
diff --git a/11-Flutter basics-Fetch state data to ListTile, using map function/.DS_Store b/11-Flutter basics-Fetch state data to ListTile, using map function/.DS_Store
diff --git a/12-Flutter basics-Add ListTile inside a Card /.DS_Store b/12-Flutter basics-Add ListTile inside a Card /.DS_Store
diff --git a/13-Flutter basics-Create separate widget and add ListView/.DS_Store b/13-Flutter basics-Create separate widget and add ListView/.DS_Store
diff --git a/14-Flutter basics-Customize AppBar and FloatingActionButton/.DS_Store b/14-Flutter basics-Customize AppBar and FloatingActionButton/.DS_Store
diff --git a/15-Flutter basics-Customize ListView item with Column and Row/.DS_Store b/15-Flutter basics-Customize ListView item with Column and Row/.DS_Store
diff --git a/16-Flutter basics-Show and custom a Modal Bottom Sheet/.DS_Store b/16-Flutter basics-Show and custom a Modal Bottom Sheet/.DS_Store
diff --git a/20-Navigation | Screens with Food App-GridView and Grid Item/.DS_Store b/20-Navigation | Screens with Food App-GridView and Grid Item/.DS_Store
diff --git a/23/myappTemp/lib/detail_food_page.dart b/23/myappTemp/lib/detail_food_page.dart
@@ -9,29 +9,35 @@ class DetailFoodPage extends StatelessWidget {
   Widget build(BuildContext context) {
     // TODO: implement build
     return Scaffold(
-      body: Container(
-        width: double.infinity,
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: <Widget>[
-            Center(
-                child: FadeInImage.assetNetwork(
-                  placeholder: 'assets/images/loading.gif',
-                  image: food.urlImage,
-                )
-            ),
-            Text('Ingredients', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),
-            ListView.builder(
+      appBar: AppBar(
+        title: Text('${food.name}'),
+      ),
+      body: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: <Widget>[
+          Center(
+              child: FadeInImage.assetNetwork(
+                placeholder: 'assets/images/loading.gif',
+                image: food.urlImage,
+              )
+          ),
+          Text('Ingredients', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),
+          Expanded(
+            child: ListView.builder(
+                itemCount: this.food.ingredients.length,
                 itemBuilder: (context, index) {
                   String ingredient = this.food.ingredients[index];
                   return ListTile(
-                    leading: CircleAvatar(child: Text('$index'),),
-                    title: Text(ingredient, style: TextStyle(fontSize: 16),),
+                    leading: CircleAvatar(
+                      child: Text('\#${index + 1}', style:
+                        TextStyle(fontSize: 20, color: Colors.white),),
+                      backgroundColor: Colors.redAccent,),
+                    title: Text(ingredient, style: TextStyle(fontSize: 18),),
                   );
                 }
-            )
-          ],
-        ),
+            ),
+          ),        ],
       ),
     );
   }