Flutter - Dropdown not changing display when value is changed - flutter

Question

When I am changing the value of a dropdown, it does not display the new value.
I am using two documents.
One is containing only a String field.
In the second document, I have a lot of fields.
I have tried different options, but it is not working properly.
Below, you will find the code I am using, it will be easier to understand.
My project is stuck because I am not finding the solution. I will be late on planning if I do not solve this.
If someone can help, it will be highly appreciated. Thank you
Widget MyBody() {
return Column(
children: [
Container(
height: MediaQuery.of(context).size.height / 1.4,
width: MediaQuery.of(context).size.width,
child: StreamBuilder(
stream: FirebaseFirestore.instance
.collection('Users')
.doc(FirebaseAuth.instance.currentUser.uid)
.collection('goals')
.orderBy('goal_Name', descending: false)
.snapshots(),
builder: (BuildContext context,
AsyncSnapshot<QuerySnapshot> snapshot) {
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
} else {
QuerySnapshot data = snapshot.requireData;
return ListView.builder(
itemCount: data.size,
itemBuilder: (context, index) {
DocumentSnapshot document = snapshot.data.docs[index];
selectedFocus = document['area_of_focus_Name'] ;
String idFocus = document['area_of_focus_id'];
test.add(document['area_of_focus_Name']);
print(test);
return Wrap(
children: [
Container(
height: 210,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
40)),
child: Card(
shape: RoundedRectangleBorder(
side: BorderSide(
color: Colors.blue, width: 3),
borderRadius: BorderRadius.all(
Radius.circular(45))
),
child: SwipeActionCell(
key: ObjectKey(document['goal_Name']),
trailingActions: <SwipeAction>[
SwipeAction(
title: "delete",
onTap: (
CompletionHandler handler) {
CollectionReference users = FirebaseFirestore
.instance
.collection('Users')
.doc(
FirebaseAuth.instance
.currentUser.uid)
.collection('goals');
users
.doc(document.id)
.delete()
.then((value) =>
print("Goal Deleted"))
.catchError((error) =>
print(
"Failed to delete Goal: $error"));
},
color: Colors.red),
],
child: Padding(
padding: const EdgeInsets.all(0.0),
child: ListTile(
leading: ConstrainedBox(
constraints: BoxConstraints(
minWidth: leadingIconMinSize,
minHeight: leadingIconMinSize,
maxWidth: leadingIconMaxSize,
maxHeight: leadingIconMaxSize,
),
child: Padding(
padding: const EdgeInsets.only(
top: 16.0),
child: IconButton(
icon: Icon(Icons.edit),
onPressed: () {
//EDIT CONTEXT
//print (document['area_of_focus_Name']);
showDialog(
context: context,
barrierDismissible: true,
builder: (
BuildContext context) {
return AlertDialog(
title: Text("Edit Goal"),
content:
TextFormField(
initialValue: document['goal_Name'],
onChanged: (value) {
setState(() {_newGoalName = value;
});
},
),
actions: <Widget>[
TextButton(
child: Text("OK"),
onPressed: () {
setState(() {
var contextRecordID = (document.id);
FirebaseFirestore
.instance
.collection('Users')
.doc(
FirebaseAuth
.instance
.currentUser
.uid)
.collection('goals')
.doc(
contextRecordID)
.update(
{
'goal_Name': _newGoalName,
});
});
Navigator.of(context).pop(true);
},
),
//OK Button
TextButton(
child: Text(
"Cancel"),
onPressed: () {
Navigator.of(context).pop(false);
},
),
//Cancel Button
],
);
});
}
),
),),
// trailing: IconButton(icon: Icon(Icons.keyboard_arrow_right),),
title: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child:
Text(
//'goal_Name' correspond au nom du champ dans la table
document['goal_Name'],
style: TextStyle(fontSize: 20,
fontWeight: FontWeight.bold),
maxLines: 6,
overflow: TextOverflow.ellipsis,
),
)
],
),
Expanded(
child: StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection('Users')
.doc(FirebaseAuth.instance.currentUser.uid)
.collection('area_of_Focus')
.snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData)
const Text("Loading.....");
else {
List<DropdownMenuItem> focusItems = [];
for (int i = 0; i < snapshot.data.docs.length; i++) {
DocumentSnapshot snap = snapshot.data.docs[i];
focusItems.add(
DropdownMenuItem(
child: Text(
snap['area_of_Focus_Name'], //OK
style: TextStyle(color: Colors.black),
),
value: (snap['area_of_Focus_Name']),
),
);
}
return Row(
children:<Widget> [
DropdownButton(
items: focusItems,
onChanged: (focusValue) {
setState(() {
selectedFocus = focusValue;
});
},
value: selectedFocus,
isExpanded: false,
hint: SizedBox(
width:MediaQuery.of(context).size.width*0.6,
height: 40.0,
child: Text( document['area_of_focus_Name'],//taskAreaFocus,
style: TextStyle(color: Colors.black),// (0xff29B6F6)),
),
),
)]);
}
return Container(
height: 0,width: 0,
);
}),
),
/* MyApp()*/
],
),
),
),
),
),
),
]
);
});
}
}))
]);
}