Physiques View

physiques.dart

 Physique _physique;

  @override
  void initState() {
    super.initState();
    _physique = Physique(age: "", height: "", weight: "", level: "");
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Spacer(flex: 2),
          Text("Enter Your Physiques", style: profileHeaderCardTitle),
          Expanded(
            flex: 6,
            child: Container(
              alignment: Alignment.center,
              margin: EdgeInsets.symmetric(horizontal: 20),
              child: Column(
                children: <Widget>[
                  UIHelper.verticalSpace,
                  _roundedButton(
                      text: "Age",
                      rightText: _physique.age,
                      onPress: showAgeDialog),
                  _roundedButton(
                      text: "Height",
                      rightText: _physique.height,
                      onPress: showHeightDialog),
                  _roundedButton(
                      text: "Weight",
                      rightText: _physique.weight,
                      onPress: showWeightDialog),
                  _roundedButton(
                      text: "Level",
                      rightText: _physique.level,
                      onPress: showLevelDialog),
                  UIHelper.verticalSpaceLarge,
                  RoundedButtonWidget(
                    color: UIHelper.EXERCISES_CARD_BOTTOM,
                    onPress: () {},
                    child: ListTile(
                      title: Text(
                        "Confirm Detail",
                        textAlign: TextAlign.center,
                        style: profileHeaderCardTitle,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  double _currentDoubleValue = 3.0;
  Future showHeightDialog() async {
    var value = await showDialog<double>(
      context: context,
      builder: (BuildContext context) {
        return NumberPickerDialog.decimal(
          maxText: "kg",
          minText: "wh",
          minValue: 1,
          maxValue: 5,
          decimalPlaces: 2,
          initialDoubleValue: _currentDoubleValue,
          title: Text("Pick a height number"),
        );
      },
    );
    if (value != null) {
      _physique.height = _currentDoubleValue.toString();
      setState(() {});
    }
  }

  void showWeightDialog() {
    showDialog(
      context: context,
      builder: (context) => Dialog(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
        child: ListTile(
          title: Text(
            "Select your Weight",
            textAlign: TextAlign.center,
            style: profileHeaderCardSubTitle,
          ),
          subtitle: Container(
              height: 200,
              child: Row(
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Spacer(),
                  Expanded(
                    child: ListView.builder(
                      shrinkWrap: false,
                      itemCount: 100,
                      itemBuilder: (context, index) {
                        return InkWell(
                          onTap: () {
                            setState(() {
                              _physique.weight = index.toString();
                            });
                            Navigator.pop(context);
                          },
                          child: Text(
                            "$index",
                            textAlign: TextAlign.center,
                          ),
                        );
                      },
                    ),
                  ),
                  Center(
                    child: Text(
                      "kg",
                      style: profileHeaderCardTitle,
                    ),
                  ),
                  Spacer(),
                ],
              )),
        ),
      ),
    );
  }

  void showAgeDialog() {
    showDialog(
      context: context,
      builder: (context) => Dialog(
          shape:
              RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
          child: _ageDialog),
    );
  }

  void showLevelDialog() {
    showDialog(
        context: context,
        builder: (context) => Dialog(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(20)),
              child: RadioView(
                onPress: (text) {
                  setState(() {
                    _physique.level = "$text";
                  });
                  Navigator.pop(context);
                },
              ),
            ));
  }

  Widget get _ageDialog {
    return ListTile(
      title: Text(
        "Select your Age",
        textAlign: TextAlign.center,
        style: profileHeaderCardSubTitle,
      ),
      subtitle: Container(
        height: 200,
        child: ListView.builder(
          itemCount: 100,
          itemBuilder: (context, index) {
            return InkWell(
              onTap: () {
                setState(() {
                  _physique.age = index.toString();
                });
                Navigator.pop(context);
              },
              child: Text(
                "$index",
                textAlign: TextAlign.center,
              ),
            );
          },
        ),
      ),
    );
  }

  Widget _roundedButton({String text, String rightText, VoidCallback onPress}) {
    return Padding(
      padding: EdgeInsets.all(8.0),
      child: SizedBox(
        width: rightText.isEmpty ? 200 : null,
        child: RoundedButtonWidget(
          color: Colors.grey[100],
          onPress: onPress,
          child: ListTile(
              title: rightText.isEmpty
                  ? Text(text, textAlign: TextAlign.center)
                  : null,
              leading: rightText.isEmpty ? null : Text(text),
              trailing: rightText.isEmpty
                  ? null
                  : Text(rightText,
                      textAlign: rightText.isEmpty
                          ? TextAlign.center
                          : TextAlign.start)),
        ),
      ),
    );
  }

radio.dart

class RadioView extends StatefulWidget {
  final Function(String text) onPress;

  const RadioView({Key key, this.onPress}) : super(key: key);
  @override
  _RadioViewState createState() => _RadioViewState();
}

class _RadioViewState extends State<RadioView> {
  int _currValue = 1;

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(
        "Select your level",
        textAlign: TextAlign.center,
        style: profileHeaderCardSubTitle,
      ),
      subtitle: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          _radioItem("Biginner", 1),
          _radioItem("Intermediate", 2),
          _radioItem("Advance", 3),
        ],
      ),
    );
  }

  Widget _radioItem(String text, int value) {
    return Row(
      children: <Widget>[
        Radio(
          activeColor: UIHelper.EXERCISES_CARD_BOTTOM,
          groupValue: _currValue,
          value: value,
          onChanged: (index) {
            setState(() {
              _currValue = index;
            });
            widget.onPress("$text");
          },
        ),
        Text(text)
      ],
    );
  }
}