Added the infoPanel. Optimized other widgets.

README.md

@@ -8,5 +8,6 @@ This app is a case for study API consuming with Flutter.
 
 Features:
 - Show Worldwide data;
+- Show Most affected countries
 
 Data get from: [https://corona.lmao.ninja](https://corona.lmao.ninja)

lib/homepage.dart

@@ -1,6 +1,7 @@
 import 'dart:convert';
 
 import 'package:covidapp/datasorce.dart';
+import 'package:covidapp/panels/infoPanel.dart';
 import 'package:covidapp/panels/mosteffectedcontries.dart';
 import 'package:covidapp/panels/worldwidepanel.dart';
 import 'package:flutter/material.dart';
@@ -112,6 +113,8 @@ class _HomePageState extends State<HomePage> {
             countryData == null
                 ? Container()
                 : MostAffectedPanel(countryData: countryData),
+            InfoPanel(),
+            SizedBox(height: 50),
           ],
         ),
       ),

lib/panels/infoPanel.dart

@@ -0,0 +1,98 @@
+import 'package:covidapp/datasorce.dart';
+import 'package:flutter/material.dart';
+
+class InfoPanel extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      child: Column(
+        children: <Widget>[
+          Container(
+            padding: EdgeInsets.symmetric(
+              vertical: 12,
+              horizontal: 10,
+            ),
+            margin: EdgeInsets.symmetric(
+              vertical: 5,
+              horizontal: 10,
+            ),
+            color: primaryBlack,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Text(
+                  'FAQS',
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 18,
+                  ),
+                ),
+                Icon(
+                  Icons.arrow_forward,
+                  color: Colors.white,
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: EdgeInsets.symmetric(
+              vertical: 12,
+              horizontal: 10,
+            ),
+            margin: EdgeInsets.symmetric(
+              vertical: 5,
+              horizontal: 10,
+            ),
+            color: primaryBlack,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Text(
+                  'DONATE',
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 18,
+                  ),
+                ),
+                Icon(
+                  Icons.arrow_forward,
+                  color: Colors.white,
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: EdgeInsets.symmetric(
+              vertical: 12,
+              horizontal: 10,
+            ),
+            margin: EdgeInsets.symmetric(
+              vertical: 5,
+              horizontal: 10,
+            ),
+            color: primaryBlack,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Text(
+                  'MYTH BUSTERS',
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 18,
+                  ),
+                ),
+                Icon(
+                  Icons.arrow_forward,
+                  color: Colors.white,
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/panels/mosteffectedcontries.dart

@@ -10,15 +10,16 @@ class MostAffectedPanel extends StatelessWidget {
     return Container(
       child: ListView.builder(
         shrinkWrap: true,
-        itemCount: 6,
+        itemCount: 5,
+        physics: NeverScrollableScrollPhysics(),
         itemBuilder: (context, index) {
           return Container(
-            margin: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+            margin: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
             child: Row(
               children: <Widget>[
                 Image.network(
                   countryData[index]['countryInfo']['flag'],
-                  height: 30,
+                  height: 25,
                 ),
                 SizedBox(width: 10),
                 Text(