如何从firestore获取数据并将其设置为Flutter TextFormField

Question

我真的是firebase的新手，我正试图从云firestore中获取数据，并将其设置为flutter中的textformfield，但我的努力没有取得成效。我想从firestore数据库中获取一个批号，并将其设置为我的应用程序中的_batchTextEditingController。这是查看我的云消防商店数据库的链接[点击此处查看消防商店数据库]下面是我的代码。

class _RegisterState extends State<Register> {
final TextEditingController _nameTextEditingController =
TextEditingController();
final TextEditingController _emailTextEditingController =
TextEditingController();
final TextEditingController _passwordTextEditingController =
TextEditingController();
final TextEditingController _cPasswordTextEditingController =
TextEditingController();
//This is the textfield i want to set ... please help
TextEditingController _batchTextEditingController =
TextEditingController();
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
String userImageUrl = "";
File _imageFile;
@override
Widget build(BuildContext context) {
double _screenWidth = MediaQuery.of(context).size.width;
double _screenheight = MediaQuery.of(context).size.height;
return SingleChildScrollView(
child: Container(
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
SizedBox(height: 10.0),
InkWell(
onTap: () => _selectAndPickImage(),
child: CircleAvatar(
radius: _screenWidth * 0.15,
backgroundColor: Colors.white,
backgroundImage:
_imageFile == null ? null : FileImage(_imageFile),
child: _imageFile == null
? Icon(
Icons.add_a_photo_sharp,
size: _screenWidth * 0.15,
color: Colors.grey,
)
: null,
),
),
SizedBox(height: 8.0),
Form(
key: _formKey,
child: Column(
children: [
CustomTextField(
controller: _nameTextEditingController,
data: Icons.person,
hintText: "Name",
isObsecure: false,
),
CustomTextField(
controller: _emailTextEditingController,
data: Icons.email,
hintText: "Email",
isObsecure: false,
),
CustomTextField(
controller: _passwordTextEditingController,
data: Icons.person,
hintText: "Password",
isObsecure: true,
),
CustomTextField(
controller: _cPasswordTextEditingController,
data: Icons.person,
hintText: "Confirm password",
isObsecure: true,
),
CustomTextField(
controller: _batchTextEditingController,
data: Icons.book,
hintText: "Batch",
isObsecure: false,
),
],
),
),
RaisedButton(
onPressed: () {
uploadAndsaveImage();
},
color: Colors.pink,
child: Text(
"Signup",
style: TextStyle(color: Colors.white),
),
),
SizedBox(height: 30),
Container(
height: 4.0,
width: _screenWidth * 0.8,
color: Colors.pink,
),
SizedBox(height: 15),
],
),
),
);
}

Answer 1

使用FutureBuilder！

FutureBuilder<DocumentSnapshot>(
future: FirebaseFirestore.instance.collection('data').doc('docID').get(),//Get the data from cloud firestore
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData) {
return TextFormField(
initialValue: snapshot.data,//Inserts into the form as initial value
);
}
return Center(
child: CircularProgressIndicator(),
);
},
);