How to add items to a list with multiple objects? - list

Question

I want to create a Weight Diary, where the user can add his weight with the day to a List. So I created a class and a List to save the weight with the day.
class WeightData {
final DateTime date;
final double weight;
const WeightData({
this.date,
this.weight,
});
}
List<WeightData> weights = [
WeightData(date: DateTime.now(), weight: 56),
WeightData(date: DateTime.now(), weight: 55.5),
];
My first question is, is that the right way to do this?
I also want that the user can dynamically add new weights, but I dont know how. My Code looks like this so far:
void newEntry() {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
content: Form(
key: _formKey,
child: Column(
children: [
TextFormField(
keyboardType: TextInputType.number,
validator: (input) =>
input.trim().isEmpty ? 'Please enter Day' : null,
),
TextFormField(
keyboardType: TextInputType.number,
validator: (input) =>
input.trim().isEmpty ? 'Please enter Weight' : null,
)
],
)),
);
});
}
Because there are to entrys to make (day and weight) I dont know how to add this two objects (is this the right word?) to the list.

Answer 1

Inside the Column add a ElevatedButton and check if _formKey is validated and then add to the list:
ElevatedButton(
onPressed: () {
if (_formKey.currentState!.validate()) {
weights.add(WeightData(date: DateTime.now(), weight: weightController.value),)
}
},
child: Text('Submit'),
),
Get the value using TextEditingController inside the TextFormField:
TextEditingController weightController= TextEditingController();
TextFormField(
keyboardType: TextInputType.number,
controller: weightController //here,
validator: (input) =>
input.trim().isEmpty ? 'Please enter Day' : null,
),