Unable to update the data in flutter firebase - 2021 - firebase

Question

I am new to firebase. I started learning from YouTube and documents. As flutter updates changed this year there are not many YouTube videos or blogs that are helpful to me. In here I retrieved the data from firebase cloud and displayed in the textFormField like this. But I am unable to update the data. Can any one help me what is the issue and how I can resolve that.
child: StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection("personalDetail")
.snapshots(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: 1,
itemBuilder: (context, index) {
QueryDocumentSnapshot x = snapshot.data!.docs[index];
return Container(
child: Column(
children: [
Center(
child: Stack(
children: [
Container(
width: 130,
height: 130,
decoration: BoxDecoration(
border: Border.all(
width: 4, color: Colors.white),
boxShadow: [
BoxShadow(
spreadRadius: 2,
blurRadius: 10,
color: Colors.black.withOpacity(0.1),
)
],
shape: BoxShape.circle,
image: DecorationImage(
fit: BoxFit.cover,
image: AssetImage(
'assets/images/Profile.jpg'),
),
),
),
Positioned(
bottom: 0,
right: 0,
child: Container(
height: 40,
width: 40,
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
width: 4,
color: Colors.white,
),
color: Colors.green.shade400),
child: Icon(
Icons.camera_alt,
color: Colors.white,
),
),
)
],
),
),
SizedBox(
height: 30,
),
TextFormField(
maxLength: 20,
style: TextStyle(
color: Colors.black,
fontSize: 15,
),
controller:
TextEditingController(text: x['firstName']),
decoration: InputDecoration(
labelText: "First Name",
labelStyle: TextStyle(
fontWeight: FontWeight.w800,
color: Colors.black,
fontSize: 23),
floatingLabelBehavior:
FloatingLabelBehavior.always,
),
),
TextFormField(
maxLength: 20,
style: TextStyle(
color: Colors.black,
fontSize: 15,
),
controller:
TextEditingController(text: x['lastName']),
decoration: InputDecoration(
labelText: "Last Name",
labelStyle: TextStyle(
fontWeight: FontWeight.w800,
color: Colors.black,
fontSize: 23),
floatingLabelBehavior:
FloatingLabelBehavior.always,
),
),
TextFormField(
maxLength: 15,
style:
TextStyle(color: Colors.black, fontSize: 15),
controller:
TextEditingController(text: x['middleName']),
decoration: InputDecoration(
labelText: "Middle Name",
labelStyle: TextStyle(
fontWeight: FontWeight.w800,
color: Colors.black,
fontSize: 23),
floatingLabelBehavior:
FloatingLabelBehavior.always,
),
),
TextFormField(
maxLength: 10,
keyboardType: TextInputType.phone,
inputFormatters: [
FilteringTextInputFormatter.digitsOnly
],
style:
TextStyle(color: Colors.black, fontSize: 15),
controller:
TextEditingController(text: x['phone']),
decoration: InputDecoration(
labelText: "Phone Number",
labelStyle: TextStyle(
fontWeight: FontWeight.w800,
color: Colors.black,
fontSize: 23),
floatingLabelBehavior:
FloatingLabelBehavior.always,
),
),
TextFormField(
initialValue: x['email'],
enabled: false,
style: TextStyle(
color: Colors.black,
fontSize: 15,
),
decoration: InputDecoration(
labelText: "Email",
labelStyle: TextStyle(
fontWeight: FontWeight.w800,
color: Colors.black,
fontSize: 23),
floatingLabelBehavior:
FloatingLabelBehavior.always,
),
),
SizedBox(
height: 30,
),
Align(
child: ElevatedButton(
onPressed: () {
FirebaseFirestore.instance
.collection('personalDetail')
.doc('pxylzgi6iaIdV3uswzzK')
.update({
"firstName": TextEditingController(text: x['firstName']),
"lastName": TextEditingController(text: x['lastName']),
"middleName":TextEditingController(text: x['middleName']),
"phone":TextEditingController(text: x['phone']),
});
Fluttertoast.showToast(
msg: "Profile updated Successfully",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.BOTTOM,
textColor: Colors.black,
backgroundColor: Colors.green.shade400,
);
Navigator.pushNamed(
context, "/profilePage");
},
child: Text(
"Save Details",
style: TextStyle(
fontSize: 15,
letterSpacing: 2,
color: Colors.black),
),
style: ElevatedButton.styleFrom(
fixedSize: Size(250, 40),
primary: Colors.green.shade500,
padding: EdgeInsets.symmetric(
horizontal: 50,
),
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.circular(10))),
),
)
],
),
);
},
);
} else {
Center(
child: CircularProgressIndicator(),
);
}
throw "";
},
),
Please help, I am trying different YouTube videos but none are helping.

Answer 1

Have you checked Firebase Read and write permission?
Refer this documentation for further help
https://firebase.google.com/docs/database/web/read-and-write