healthcare-frontend/lib/my_health.dart

import 'package:flutter/material.dart';
import 'package:healthcare_user/settings.dart';

import 'bmicalculator.dart';

class MyHealth extends StatefulWidget {
  const MyHealth({Key? key}) : super(key: key);

  @override
  State<MyHealth> createState() => _MyHealthState();
}

class _MyHealthState extends State<MyHealth> {

  TextEditingController heightController = TextEditingController();
  TextEditingController weightController = TextEditingController();
  TextEditingController ageController = TextEditingController();

  var heightUnitItems = [
    'feet',
    'cm',
    'inches',
  ];
  var heightUnits = 'feet';
  var weightUnitItems = [
    'kg',
    'gr',
  ];
  var weightUnits = 'kg';

  showBMIAdddialog(){
    return showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return StatefulBuilder(
            builder: (BuildContext context, StateSetter setState) {
              return AlertDialog(
                title: Center(
                  child: Text('Body Mass Index',style: TextStyle(color: primaryColor),),
                ),
                content: SingleChildScrollView(
                  child: ListBody(
                    children: <Widget>[
                      TextFormField(
                        cursorColor: greyColor,
                        controller: ageController,
                        textCapitalization: TextCapitalization.characters,
                        decoration: const InputDecoration(
                          prefixIcon: Icon(
                            Icons.person,
                            color: primaryColor,
                          ),
                          border: OutlineInputBorder(
                              borderSide: BorderSide(color: primaryColor)),
                          focusedBorder: OutlineInputBorder(
                            borderSide: BorderSide(color: primaryColor),
                          ),
                          enabledBorder: OutlineInputBorder(
                            borderSide: BorderSide(color: primaryColor),
                          ),
                          labelText: 'Age',
                          labelStyle: TextStyle(
                            color: greyColor, //<-- SEE HERE
                          ),
                        ),
                      ),
                      SizedBox(height:10),
                      Container(
                        //height: 60,
                        child: Row(
                          children: [
                            Expanded(child: TextFormField(
                              cursorColor: greyColor,
                              controller: heightController,
                              textCapitalization: TextCapitalization.characters,
                              decoration: const InputDecoration(
                                prefixIcon: Icon(
                                  Icons.height,
                                  color: primaryColor,
                                ),
                                border: OutlineInputBorder(
                                    borderSide: BorderSide(color: primaryColor)),
                                focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                labelText: 'Height',
                                labelStyle: TextStyle(
                                  color: greyColor, //<-- SEE HERE
                                ),
                              ),
                            ),),
                            SizedBox(width:5),
                            Expanded(child: DropdownButtonFormField(
                              // Initial Value
                              value: heightUnits,
                              isExpanded: true,
                              decoration: const InputDecoration(
                                prefixIcon: Icon(
                                  Icons.ac_unit_outlined,
                                  color: primaryColor,
                                ),
                                border: OutlineInputBorder(
                                    borderSide: BorderSide(color: primaryColor)),
                                focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                labelText: 'Units',
                                labelStyle: TextStyle(
                                  color: greyColor, //<-- SEE HERE
                                ),
                              ),

                              hint: Text('Units'),
                              // Down Arrow Icon
                              //icon: const Icon(Icons.keyboard_arrow_down),

                              // Array list of items
                              items: heightUnitItems.map((String items) {
                                return DropdownMenuItem(
                                    value: items,
                                    child: Text(items, style: TextStyle(
                                      fontSize: 16,
                                    ),textAlign: TextAlign.center,)
                                );
                              }).toList(),
                              // After selecting the desired option,it will
                              // change button value to selected value
                              onChanged: (String? newValue) {
                                setState(() {
                                  heightUnits = newValue!;
                                });
                              },
                            ),)
                          ],
                        ),
                      ),
                      SizedBox(height:10),
                      Container(
                        //height: 40,
                        padding: const EdgeInsets.fromLTRB(0, 0, 0, 0),
                        child: Row(
                          children: [
                            Expanded(child: TextFormField(
                              cursorColor: greyColor,
                              controller: weightController,
                              textCapitalization: TextCapitalization.characters,
                              decoration: const InputDecoration(
                                prefixIcon: Icon(
                                  Icons.line_weight_outlined,
                                  color: primaryColor,
                                ),
                                border: OutlineInputBorder(
                                    borderSide: BorderSide(color: primaryColor)),
                                focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                labelText: 'Weight',
                                labelStyle: TextStyle(
                                  color: greyColor, //<-- SEE HERE
                                ),
                              ),
                            ),),
                            SizedBox(width:5),
                            Expanded(child: DropdownButtonFormField(
                              // Initial Value
                              value: weightUnits,
                              isExpanded: true,
                              decoration: const InputDecoration(
                                prefixIcon: Icon(
                                  Icons.ac_unit_outlined,
                                  color: primaryColor,
                                ),
                                border: OutlineInputBorder(
                                    borderSide: BorderSide(color: primaryColor)),
                                focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: primaryColor),
                                ),
                                labelText: 'Units',
                                labelStyle: TextStyle(
                                  color: greyColor, //<-- SEE HERE
                                ),
                              ),

                              hint: Text('Units'),
                              // Down Arrow Icon
                              //icon: const Icon(Icons.keyboard_arrow_down),

                              // Array list of items
                              items: weightUnitItems.map((String items) {
                                return DropdownMenuItem(
                                    value: items,
                                    child: Text(items, style: TextStyle(
                                      fontSize: 16,
                                    ),textAlign: TextAlign.center,)
                                );
                              }).toList(),
                              // After selecting the desired option,it will
                              // change button value to selected value
                              onChanged: (String? newValue) {
                                setState(() {
                                  weightUnits = newValue!;
                                });
                              },
                            ),)
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                actions: <Widget>[
                  TextButton(
                    child: Text('Cancel', style: textButtonStyle()),
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                  ),
                  TextButton(
                    child: Text('Calculate BMI', style: textButtonStyle()),
                    onPressed: () async {

                    },
                  ),
                ],
              );
            });
      },
    );
  }




  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppSettings.appBar('My Health'),
      body: Container(
       child:  Column(
         children: [
           Card(
             child: Padding(
               padding: EdgeInsets.all(3),
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
                   Text('Body Mass Index'),
                   IconButton(onPressed: (){
                    /* Navigator.push(
                       context,
                       MaterialPageRoute(
                           builder: (context) =>  BMICalculator()),
                     );*/
                     showBMIAdddialog();

                     }, icon: Icon(Icons.add,color: greyColor,),)
                 ],
               ),
             )
           ),
           Card(
               child: Padding(
                 padding: EdgeInsets.all(3),
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text('Blood Pressure'),
                     IconButton(onPressed: (){}, icon: Icon(Icons.add,color: greyColor,),)
                   ],
                 ),
               )
           ),
           Card(
               child: Padding(
                 padding: EdgeInsets.all(3),
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text('Diabetes'),
                     IconButton(onPressed: (){}, icon: Icon(Icons.add,color: greyColor,),)
                   ],
                 ),
               )
           ),
           Card(
               child: Padding(
                 padding: EdgeInsets.all(3),
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text('Cholesterol'),
                     IconButton(onPressed: (){}, icon: Icon(Icons.add,color: greyColor,),)
                   ],
                 ),
               )
           ),
           Card(
               child: Padding(
                 padding: EdgeInsets.all(3),
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text('Habbits'),
                     IconButton(onPressed: (){


                       }, icon: Icon(Icons.add,color: greyColor,),)
                   ],
                 ),
               )
           ),
           Card(
               child: Padding(
                 padding: EdgeInsets.all(3),
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text('Allergies'),
                     IconButton(onPressed: (){}, icon: Icon(Icons.add,color: greyColor,),)
                   ],
                 ),
               )
           )

         ],
       ),
      ),
    );
  }
}