如何从Firestore获取数据并填充Flutter的TextFormField

Hey there! Let's get that batch number from Firestore into your TextFormField. I'll walk you through the steps with your existing code, keeping things simple since you're new to Firebase.

First, make sure your pubspec.yaml has the required packages (use the latest versions available):

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^2.0.0
  cloud_firestore: ^4.0.0

Run flutter pub get to install them if you haven't already.

We'll fetch the batch number when the widget initializes (using initState—this runs once when the page loads). Add these methods to your _RegisterState class:

@override
void initState() {
  super.initState();
  _fetchBatchNumber(); // Trigger data fetch on page load
}

// Async function to pull batch number from Firestore
Future<void> _fetchBatchNumber() async {
  try {
    // Replace this query with your actual Firestore structure
    // Example: If your batch number lives in a document named "activeBatch" in a "batches" collection
    DocumentSnapshot batchSnapshot = await FirebaseFirestore.instance
        .collection('batches')
        .doc('activeBatch')
        .get();

    if (batchSnapshot.exists) {
      // Get the value from your Firestore field (replace "batchNumber" with your actual field name)
      String batchValue = batchSnapshot.data()['batchNumber'] as String;
      
      // Update the text controller with the fetched value
      setState(() {
        _batchTextEditingController.text = batchValue;
      });
    } else {
      // Handle case where the document doesn't exist
      _batchTextEditingController.text = 'N/A';
      print('Firestore document for batch not found');
    }
  } catch (e) {
    // Handle errors (e.g., network issues, permission denied)
    print('Error fetching batch number: $e');
    _batchTextEditingController.text = 'Error loading batch';
  }
}

Here's your complete _RegisterState class with the new logic added, plus a small typo fix for your password field icons:

class _RegisterState extends State<Register> {
  final TextEditingController _nameTextEditingController = TextEditingController();
  final TextEditingController _emailTextEditingController = TextEditingController();
  final TextEditingController _passwordTextEditingController = TextEditingController();
  final TextEditingController _cPasswordTextEditingController = TextEditingController();
  TextEditingController _batchTextEditingController = TextEditingController();
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  String userImageUrl = "";
  File _imageFile;

  @override
  void initState() {
    super.initState();
    _fetchBatchNumber();
  }

  Future<void> _fetchBatchNumber() async {
    try {
      // Modify this to match your Firestore collection/document/field names
      DocumentSnapshot batchSnapshot = await FirebaseFirestore.instance
          .collection('batches')
          .doc('activeBatch')
          .get();

      if (batchSnapshot.exists) {
        String batchValue = batchSnapshot.data()['batchNumber'] as String;
        setState(() {
          _batchTextEditingController.text = batchValue;
        });
      } else {
        _batchTextEditingController.text = 'N/A';
      }
    } catch (e) {
      print('Error fetching batch: $e');
      _batchTextEditingController.text = 'Error loading batch';
    }
  }

  // Don't forget to include your existing _selectAndPickImage and uploadAndsaveImage methods here

  @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.lock, // Fixed typo from Icons.person
                    hintText: "Password",
                    isObsecure: true,
                  ),
                  CustomTextField(
                    controller: _cPasswordTextEditingController,
                    data: Icons.lock, // Fixed typo from 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),
          ],
        ),
      ),
    );
  }
}

• Replace 'batches', 'activeBatch', and 'batchNumber' with your actual Firestore collection name, document ID, and field name.
• Ensure your Firebase project is properly linked to your Flutter app (google-services.json for Android, GoogleService-Info.plist for iOS).
• If you need to let users select from multiple batches, you'd swap the TextFormField for a DropdownButton, but this code works for a single pre-defined batch number.

内容的提问来源于stack exchange，提问作者Wells Nations