Modified self care UI

lib/pages/self_carer/model/Symptoms.dart

+import 'dart:ui';
+
 class Symptoms {
   String symptomname;
   bool value;
-  Symptoms(this.symptomname, this.value);
+  List<Color> gradientColors;
+  Symptoms(this.symptomname, this.value,{this.gradientColors});
   @override
   String toString() {
     return 'Symptoms{symptomname: $symptomname, value: $value}';

lib/pages/self_carer/model/colors.dart

+
+import 'package:flutter/material.dart';
+
+class CustomColors {
+  static Color primaryTextColor = Colors.white;
+  static Color dividerColor = Colors.white54;
+  static Color pageBackgroundColor = Color(0xFF2D2F41);
+  static Color menuBackgroundColor = Color(0xFF242634);
+
+  static Color clockBG = Color(0xFF444974);
+  static Color clockOutline = Color(0xFFEAECFF);
+  static Color secHandColor = Colors.orange[300];
+  static Color minHandStatColor = Color(0xFF748EF6);
+  static Color minHandEndColor = Color(0xFF77DDFF);
+  static Color hourHandStatColor = Color(0xFFC279FB);
+  static Color hourHandEndColor = Color(0xFFEA74AB);
+}
+
+class GradientColors {
+  final List<Color> colors;
+  GradientColors(this.colors);
+
+  static List<Color> sky = [Color(0xFF6448FE), Color(0xFF5FC6FF)];
+  static List<Color> sunset = [Color(0xFFFE6197), Color(0xFFFFB463)];
+  static List<Color> sea = [Color(0xFF61A3FE), Color(0xFF63FFD5)];
+  static List<Color> mango = [Color(0xFFFFA738), Color(0xFFFFE130)];
+  static List<Color> fire = [Color(0xFFFF5DCD), Color(0xFFFF8484)];
+}
+
+class GradientTemplate {
+  static List<GradientColors> gradientTemplate = [
+    GradientColors(GradientColors.sky),
+    GradientColors(GradientColors.sunset),
+    GradientColors(GradientColors.sea),
+    GradientColors(GradientColors.mango),
+    GradientColors(GradientColors.fire),
+  ];
+}

lib/pages/self_carer/sc_main_screen.dart

 import 'dart:collection';
 import 'package:covidefender/pages/self_carer/SC_result_screen.dart';
+import 'package:covidefender/pages/self_carer/model/colors.dart';
 import 'package:flutter/material.dart';
 import 'package:quiver/collection.dart';
 
@@ -25,6 +26,7 @@ class SC_mainState extends State<SC_main> {
     'Mustle Pain or Ache': false,
   };
 
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -37,42 +39,75 @@ class SC_mainState extends State<SC_main> {
             children: [
               Container(
                   width: MediaQuery.of(context).size.width,
-                  height: MediaQuery.of(context).size.height / 2.5,
-                  child: Image.asset('lib/assets/images/hero.gif')),
+                  height: MediaQuery.of(context).size.height /2.5,
+                  child: Image.asset(
+                      'lib/assets/images/hospital.gif',
+
+
+                  )),
+
 
               SizedBox(
-                height: 300,
+                height: 350,
                 child: new ListView(
                   children: values.keys.map((String key) {
-                    return new CheckboxListTile(
-                      title: new Text(key),
-                      value: values[key],
-                      onChanged: (bool value) {
-                        setState(() {
-                          values[key] = value;
-                          symptomList.clear();
-                          values.forEach((key, value) {
-                            print('${key}: ${value}');
-                            if (value) {
-                              symptomList.putIfAbsent(key, () => value);
-                              // if(symptomList.containsKey('Food') && symptomList.containsKey('Materials') ){
-                              //   print("all is here");
-                              // }else if(symptomList.containsKey('Food')){
-                              //   print("Food only is here");
-                              // Navigator.push(context, MaterialPageRoute(builder: (context)=>HomeScreen()));
-                              // Navigator.pop(context);
-                              // }
-                              print(
-                                  'Selected Items::' + symptomList.toString());
-                            }
-                          });
-                        });
-                        print(key);
-                      },
+                    return Container(
+                      margin: EdgeInsets.only(bottom: 20,left: 10,right: 10),
+                      decoration: BoxDecoration(
+                        boxShadow: [
+                          BoxShadow(
+                              color: Colors.blue.withOpacity(0.4) ,blurRadius: 8, offset: Offset(4,4),spreadRadius: 4
+                          )
+                        ],
+                          gradient: LinearGradient(
+                            colors: [Colors.blue[600], Colors.white],
+                            begin: Alignment.centerLeft,
+                            end: Alignment.centerRight,
+                          ),
+                        borderRadius: BorderRadius.all(Radius.circular(24)),
+
+                      ),
+
+                      child: SizedBox(
+                        height: 90,
+                        child: Padding(
+                          padding: const EdgeInsets.all(8.0),
+                          child: new CheckboxListTile(
+                            title: new Text(key,style:TextStyle(
+                              color: Colors.white,
+                              fontFamily: 'avenir',
+                            ),),
+                            value: values[key],
+                            onChanged: (bool value) {
+                              setState(() {
+                                values[key] = value;
+                                symptomList.clear();
+                                values.forEach((key, value) {
+                                  print('${key}: ${value}');
+                                  if (value) {
+                                    symptomList.putIfAbsent(key, () => value);
+                                    // if(symptomList.containsKey('Food') && symptomList.containsKey('Materials') ){
+                                    //   print("all is here");
+                                    // }else if(symptomList.containsKey('Food')){
+                                    //   print("Food only is here");
+                                    // Navigator.push(context, MaterialPageRoute(builder: (context)=>HomeScreen()));
+                                    // Navigator.pop(context);
+                                    // }
+                                    print(
+                                        'Selected Items::' + symptomList.toString());
+                                  }
+                                });
+                              });
+                              print(key);
+                            },
+                          ),
+                        ),
+                      ),
                     );
                   }).toList(),
                 ),
-              )
+              ),
+
 
               // Padding(
               //   padding: const EdgeInsets.all(8.0),

pubspec.yaml

@@ -102,6 +102,7 @@ flutter:
     - lib/assets/labels.txt
     - assets/
     - lib/assets/images/wear.gif
+    - lib/assets/images/
 
   # To add assets to your application, add an assets section, like this:
   # assets: