import 'package:aitrainer_app/bloc/exercise_new/exercise_new_bloc.dart'; import 'package:aitrainer_app/util/app_localization.dart'; import 'package:aitrainer_app/util/trans.dart'; import 'package:animated_widgets/widgets/rotation_animated.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/widgets.dart'; import 'package:google_fonts/google_fonts.dart'; import 'app_bar.dart'; import 'package:keyboard_actions/keyboard_actions.dart'; // ignore: must_be_immutable class BMI extends StatefulWidget { final ExerciseNewBloc exerciseBloc; BMI({this.exerciseBloc}); @override _BMIState createState() => _BMIState(); } class _BMIState extends State with Trans { final FocusNode _nodeText1 = FocusNode(); final FocusNode _nodeText2 = FocusNode(); KeyboardActionsConfig _buildConfig(BuildContext context) { return KeyboardActionsConfig( keyboardActionsPlatform: KeyboardActionsPlatform.ALL, keyboardBarColor: Colors.grey[200], keyboardSeparatorColor: Colors.black26, nextFocus: true, actions: [ KeyboardActionsItem(focusNode: _nodeText2, toolbarButtons: [ (node) { return GestureDetector( onTap: () => node.unfocus(), child: Container( padding: EdgeInsets.all(8.0), color: Colors.orange[500], child: Text( AppLocalizations.of(context).translate("Done"), style: TextStyle(color: Colors.white), ), ), ); } ]), KeyboardActionsItem( focusNode: _nodeText1, toolbarButtons: [ //button 2 (node) { return GestureDetector( onTap: () => node.unfocus(), child: Container( color: Colors.orange, padding: EdgeInsets.all(8.0), child: Text( AppLocalizations.of(context).translate("Done"), style: TextStyle(color: Colors.white), ), ), ); } ], ), ], ); } @override Widget build(BuildContext context) { setContext(context); double mediaWidth = MediaQuery.of(context).size.width * .8; double mediaHeight = MediaQuery.of(context).size.height * .8; //print("w " + mediaWidth.toString() + "h " + mediaHeight.toString()); widget.exerciseBloc.customerRepository.setMediaDimensions(mediaWidth, mediaHeight); widget.exerciseBloc.getBMI(); return Form( child: Scaffold( resizeToAvoidBottomInset: true, appBar: AppBarNav(depth: 1), body: Container( width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, decoration: BoxDecoration( image: DecorationImage( image: AssetImage('asset/image/WT_black_background.jpg'), fit: BoxFit.fill, alignment: Alignment.center, ), ), child: KeyboardActions( config: _buildConfig(context), child: SingleChildScrollView( child: Column(crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ getWeightInput(), Text(t("Body Mass Index"), style: GoogleFonts.archivoBlack( shadows: [ Shadow( offset: Offset(5.0, 5.0), blurRadius: 3.0, color: Colors.black54, ), ], fontSize: 30, color: Colors.orange[500], )), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text(widget.exerciseBloc.bmi.toStringAsFixed(1), style: GoogleFonts.archivoBlack( shadows: [ Shadow( offset: Offset(5.0, 5.0), blurRadius: 3.0, color: Colors.black54, ), ], fontSize: 60, color: Colors.orange[500], )), Text(" kg/m2", style: GoogleFonts.archivoBlack( shadows: [ Shadow( offset: Offset(5.0, 5.0), blurRadius: 3.0, color: Colors.black54, ), ], fontSize: 30, color: Colors.orange[500], )), ], ), Divider(color: Colors.transparent), Stack(alignment: Alignment.center, children: [ Container( padding: EdgeInsets.only(left: 30, right: 30), child: Image.asset( "asset/image/BMI_graph_C.png", ), ), Positioned( top: widget.exerciseBloc.bmiTop, left: widget.exerciseBloc.bmiLeft, child: RotationAnimatedWidget.tween( enabled: true, duration: const Duration(milliseconds: 1000), rotationDisabled: Rotation.deg(), rotationEnabled: Rotation.deg(z: widget.exerciseBloc.bmiAngle), child: Image.asset( "asset/image/BMI_mutato.png", width: 65, ))) ]), Divider(color: Colors.transparent), Container( padding: EdgeInsets.only(left: 65, right: 65), alignment: Alignment.center, child: Text(t("Based on your weight and height your goal for BMI and weight:"), textAlign: TextAlign.center, style: GoogleFonts.inter( fontSize: 16, color: Colors.yellow[200], )), ), Text("BMI" + " " + t("first step") + ": " + widget.exerciseBloc.goalMilestoneBMI.toStringAsFixed(1), style: GoogleFonts.archivoBlack( fontSize: 20, color: Colors.orange[200], shadows: [ Shadow( offset: Offset(2.0, 2.0), blurRadius: 5.0, color: Colors.black54, ), ], )), Text( t("Bodyweight") + " " + t("first step") + ": " + widget.exerciseBloc.goalMilestoneWeight.toStringAsFixed(0) + " kg", style: GoogleFonts.archivoBlack( fontSize: 20, color: Colors.orange[200], shadows: [ Shadow( offset: Offset(2.0, 2.0), blurRadius: 5.0, color: Colors.black87, ), ], )), Text("BMI" + " " + t("goal") + ": " + widget.exerciseBloc.goalBMI.toStringAsFixed(1), style: GoogleFonts.archivoBlack( fontSize: 20, color: Colors.orange[500], shadows: [ Shadow( offset: Offset(2.0, 2.0), blurRadius: 5.0, color: Colors.black87, ), ], )), Text(t("Bodyweight") + " " + t("goal") + ": " + widget.exerciseBloc.goalWeight.toStringAsFixed(0) + " kg", style: GoogleFonts.archivoBlack( fontSize: 20, color: Colors.orange[500], shadows: [ Shadow( offset: Offset(2.0, 2.0), blurRadius: 5.0, color: Colors.black54, ), ], )), ])))))); } Widget buildAnimatedPointer() { return TweenAnimationBuilder( tween: IntTween(begin: 0, end: 30), duration: Duration(milliseconds: 2000), curve: Curves.linear, builder: (context, val, child) { return Image.asset( "asset/image/BMI_mutato.png", width: 65, ); }, ); } Widget getHeightInput() { if (widget.exerciseBloc.customerRepository.customer.birthYear < 2003) { return Flexible( child: TextFormField( focusNode: _nodeText2, decoration: InputDecoration( contentPadding: EdgeInsets.only(left: 15, top: 5, bottom: 5), labelText: AppLocalizations.of(context).translate("Actual Height"), labelStyle: GoogleFonts.inter(fontSize: 16, color: Colors.yellow[50]), fillColor: Colors.black38, filled: true, border: OutlineInputBorder( gapPadding: 4.0, borderRadius: BorderRadius.circular(12.0), borderSide: BorderSide(color: Colors.white12, width: 0.4), ), ), initialValue: widget.exerciseBloc.height.toStringAsFixed(0), keyboardType: TextInputType.numberWithOptions(decimal: true), textInputAction: TextInputAction.done, style: GoogleFonts.archivoBlack(fontSize: 20, color: Colors.yellow[300]), onChanged: (value) => {widget.exerciseBloc.add(ExerciseNewHeightChange(value: double.parse(value)))}), ); } else { return Container(); } } Widget getWeightInput() { return Container( padding: EdgeInsets.only(top: 15, left: 65, right: 65, bottom: 10), alignment: Alignment.center, child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ getHeightInput(), SizedBox( width: 10, ), Flexible( child: TextFormField( focusNode: _nodeText1, decoration: InputDecoration( contentPadding: EdgeInsets.only(left: 15, top: 5, bottom: 5), labelText: AppLocalizations.of(context).translate("Actual Weight"), labelStyle: GoogleFonts.inter(fontSize: 16, color: Colors.yellow[50]), fillColor: Colors.black38, filled: true, border: OutlineInputBorder( gapPadding: 2.0, borderRadius: BorderRadius.circular(12.0), borderSide: BorderSide(color: Colors.white12, width: 0.4), ), ), initialValue: widget.exerciseBloc.weight.toStringAsFixed(0), keyboardType: TextInputType.numberWithOptions(decimal: true), textInputAction: TextInputAction.done, style: GoogleFonts.archivoBlack(fontSize: 20, color: Colors.yellow[300]), onChanged: (value) => {widget.exerciseBloc.add(ExerciseNewWeightChange(value: double.parse(value)))}, ), ), IconButton( icon: Icon(Icons.save), hoverColor: Colors.blueAccent, color: widget.exerciseBloc.changedWeight ? Colors.blue[200] : Colors.black54, onPressed: () => {widget.exerciseBloc.add(ExerciseNewSaveWeight())}) ], )); } }