firebase - 将数据添加到Firestore-6ren

firebase - 将数据添加到Firestore

转载作者：行者123 更新时间：2023-12-03 03:31:08

我正在创建一个Flutter应用程序，并且正在使用Firestore作为后端。我打算通过单击按钮将数据从应用程序添加到后端。我具有这些数据所需的变量，也称为firestore的实例。现在的问题是，当我单击“添加”按钮时，尽管这些字段是在firestore中创建的，但其值为空。我从这里已经读过其他人写的文章，但是看起来这里提供的解决方案无法解决我的问题。
我可能做错了什么？以下是我的代码摘录和我的后端快照。

class SoftwareIssuesContactForm extends StatefulWidget {
  @override
  _SoftwareIssuesContactFormState createState() =>
      _SoftwareIssuesContactFormState();
}

class _SoftwareIssuesContactFormState extends State<SoftwareIssuesContactForm> {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  List<String> _semesters = <String>['', 'Semester 1', 'Semester 2',
    'Semester 3', 'Semester 4', 'Semester 5', 'Semester 6', 'Semester 7',
    'Semester 8'];

  String _stNumber;
  String _stEmail;
  String _query;
  String _dropdownError;
  String _stPhone;
  String _selectedItem;
  bool _autoValidate = false;
  String _semester = '';
  String uid;
  // Contact newContact = Contact();

  final FocusNode myFocusNodeEmail = FocusNode();
  final FocusNode myFocusNodeName = FocusNode();

  TextEditingController studentNumberController = TextEditingController();
  TextEditingController studentEmailController = TextEditingController();
  TextEditingController queryController = TextEditingController();
  TextEditingController studentPhoneNumberController = TextEditingController();

  PageController _pageController;

  @override
  void dispose() {
    myFocusNodeEmail.dispose();
    myFocusNodeName.dispose();
    _pageController?.dispose();
    super.dispose();
  }

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

    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);

    _pageController = PageController();
  }

  // ignore: slash_for_doc_comments
  /**********************************************************
      ######## FOR VALIDATING STUDENT NUMBER #######
   *********************************************************/
  String validateStudentNumber(String value){
    if (value.isEmpty) {
      return 'Student Number is required';
    }
    else {
      return null;
    }
  }

  // ignore: slash_for_doc_comments
  /**********************************************************
      ######## FOR VALIDATING PHONE NUMBER #######
   *********************************************************/
  String validateStudentPhoneNumber(String value){
    String pattern = r'(^(?:[+0]9)?[0-9]{10,12}$)';
    RegExp regExp = RegExp(pattern);
    if (value == null) return 'Phone Number is required';
    // else if (value.length != 10) {
    //   return 'Phone Number must be of 10 digits';
    // }
    else if (!regExp.hasMatch(value)) {
      return 'Enter a valid Phone Number';
    }
    return null;
  }

  // ignore: slash_for_doc_comments
  /**********************************************************
      ######## FOR VALIDATING EMAIL ADDRESS #######
   *********************************************************/

  String validateStudentEmailAddress (String value){
    Pattern pattern =
        r'^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}'
        r'\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$';
    RegExp regex = RegExp(pattern);
    if (value.isEmpty) return 'Your Email Address is required';
    if (!regex.hasMatch(value))
      return 'Enter a valid Email Address';
    else
      return null;
  }

  // ignore: slash_for_doc_comments
  /**********************************************************
          ######## FOR VALIDATING ENQUIRIES #######
   *********************************************************/
  String validateStudentQuery(String value){
    if (value.isEmpty) {
      return 'You forgot to state the problem...';
    }
    else {
      return null;
    }
  }

  // ignore: slash_for_doc_comments
  /*******************************************************************
          ##### CHECKING IF FORM IS VALID BEFORE SUBMITTING ######
   *******************************************************************/

  bool validateAndSave(){
    final form = _formKey.currentState;
    if(form.validate()){
      form.save();
      return true;
    }
    else {
      return false;
    }
  }

  // ignore: slash_for_doc_comments
  /**********************************************************
       ####### VALIDATING FORM BEFORE SUBMITTING ########
   ***********************************************************/
  validateAndSubmit(){
    if (validateAndSave()) {
      try{
        // Navigator.pushReplacement(context,
        //     MaterialPageRoute(builder: (context) => DashboardScreen()),
        // );

        /**********************************************************
                 ####### SHOW DIALOG ON SUBMIT ########
         ***********************************************************/
                 return showDialog(
                     barrierDismissible: false,
                     context: context,
                     builder: (BuildContext context){
                       return Dialog(
                         shape: RoundedRectangleBorder(
                           borderRadius: BorderRadius.circular(50),
                         ),
                         elevation: 6,
                         backgroundColor: Colors.transparent,
                         child: _buildDialogContent(context),
                       );
                     }
                 );
      }
      catch(e){
        print(e);
      }
    }
    else {
      setState(() {
        _autoValidate = true;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF56ccf2),
      // backgroundColor: Colors.grey[100],
      body: SafeArea(
          top: false,
          bottom: false,
          child: SingleChildScrollView(
            child: Container(
              // height: 600,
              child: Column(
                children: [
                  Padding(
                    padding: EdgeInsets.only(top: 30,),
                    child: Text(
                      "IT SUPPORT QUERY FORM",
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                        // fontStyle: FontStyle.italic,
                      ),
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(
                        top: 10.0, bottom: 5.0, left: 15.0, right: 15.0),
                    child: Card(
                      elevation: 6,
                      child: Form(
                          key: _formKey,
                          autovalidate: _autoValidate,
                          child: ListView(
                            shrinkWrap: true, // use this
                            padding: EdgeInsets.symmetric(horizontal: 20.0),
                            children: <Widget>[
                              //===> Email Number Text Input starts from here <===
                              Padding(
                                padding: EdgeInsets.only(
                              top: 10.0, bottom: 6.0, left: 1.0, right: 1.0),
                                child: TextFormField(
                                  autofocus: false,
                                  focusNode: myFocusNodeEmail,
                                  controller: studentNumberController,
                                  keyboardType: TextInputType.emailAddress,
                                  style: TextStyle(
                                      fontSize: 16.0,
                                      color: Colors.black),
                                  decoration: InputDecoration(
                                    border: OutlineInputBorder(
                                      borderRadius: BorderRadius.circular(10.0),
                                    ),
                                    // icon: Icon(Icons.person),
                                    // hintText: 'Enter your first and last name',
                                    labelText: 'Student Number',
                                  ),
                                  validator: validateStudentNumber,
                                  onSaved: (String val) {
                                    _stNumber = val;
                                  },
                                ),
                              ),
                              // Padding(
                              //   padding: EdgeInsets.only(
                              //       top: 5.0, bottom: 10.0, left: 1.0, right: 1.0),
                              //   child: TextFormField(
                              //     decoration: InputDecoration(
                              //       border: OutlineInputBorder(
                              //         borderRadius: BorderRadius.circular(20.0),
                              //       ),
                              //       // icon: const Icon(Icons.phone),
                              //       // hintText: 'Enter a phone number',
                              //       labelText: 'Phone',
                              //     ),
                              //     keyboardType: TextInputType.phone,
                              //     inputFormatters: [
                              //       WhitelistingTextInputFormatter.digitsOnly,
                              //     ],
                              //   ),
                              // ),

                              //===> Email Address Text Input starts from here <===
                              Padding(
                                padding: EdgeInsets.only(
                                    top: 1.0, bottom: 6.0, left: 1.0, right: 1.0),
                                child: TextFormField(
                                  validator: validateStudentEmailAddress,
                                  onSaved: (String val) {
                                    _stEmail = val;
                                  },
                                  controller: studentEmailController,
                                  decoration: InputDecoration(
                                    border: OutlineInputBorder(
                                      borderRadius: BorderRadius.circular(10.0),
                                    ),
                                    // icon: const Icon(Icons.email),
                                    // hintText: 'Enter a email address',
                                    labelText: 'Student Email',
                                  ),
                                  keyboardType: TextInputType.emailAddress,
                                  style: TextStyle(
                                      fontSize: 16.0,
                                      color: Colors.black),
                                ),
                              ),

                              //===> Phone Number Text Input starts from here <===
                              Padding(
                                padding: EdgeInsets.only(
                                    top: 1.0, bottom: 6.0, left: 1.0, right: 1.0),
                                child: TextFormField(
                                  validator: validateStudentPhoneNumber,
                                  onSaved: (String val) {
                                    _stPhone = val;
                                  },
                                  controller: studentPhoneNumberController,
                                  decoration: InputDecoration(
                                    border: OutlineInputBorder(
                                      borderRadius: BorderRadius.circular(10.0),
                                    ),
                                    // icon: const Icon(Icons.email),
                                    // hintText: 'Enter a email address',
                                    labelText: 'Phone Number',
                                  ),
                                  keyboardType: TextInputType.phone,
                                  inputFormatters: [
                                    FilteringTextInputFormatter.allow(
                                        RegExp(r'^[()\d -]{1,15}$')),
                                  ],
                                  style: TextStyle(
                                      fontSize: 16.0,
                                      color: Colors.black),
                                ),
                              ),

                              //===> Drop Down Menu starts from here <===
                              Padding(
                                padding: EdgeInsets.only(top: 1.0, bottom: 6.0, left: 1.0, right: 1.0),
                                child: FormField(
                                  builder: (FormFieldState state) {
                                    return InputDecorator(
                                      decoration: InputDecoration(
                                        border: OutlineInputBorder(
                                          borderRadius: BorderRadius.circular(10.0),
                                        ),
                                        // icon: const Icon(Icons.color_lens),
                                        labelText: 'Semester',
                                        hintText: ("Semester"),
                                      ),
                                      isEmpty: _semester == '',
                                      child: Padding(
                                        padding: EdgeInsets.only(left: 1.0, right: 130 , ),
                                        child: Container(
                                          // height: 55,  //gives the height of the dropdown button
                                          width: MediaQuery.of(context).size.width,
                                          child: DropdownButtonHideUnderline( // to hide the default underline of the dropdown button
                                            child: ButtonTheme(
                                              alignedDropdown: true, //If false (the default), then the dropdown's menu will be wider than its button.
                                              child: DropdownButton(
                                                value: _semester,
                                                isDense: true,
                                                elevation: 5,
                                                isExpanded: true,
                                                onChanged: (String value) {
                                                  setState(() {
                                                    _semester = value; // saving the selected value
                                                    state.didChange(value);
                                                  });
                                                },
                                                items: _semesters.map((String value) {
                                                  return DropdownMenuItem(
                                                    value: value,  // displaying the selected value
                                                    child: Text(value ?? '',
                                                        textAlign: TextAlign.left,
                                                        overflow: TextOverflow.ellipsis,
                                                        maxLines: 1,
                                                        softWrap: true,
                                                    ),
                                                  );
                                                }).toList(),
                                              ),
                                            ),
                                          ),
                                        ),
                                      ),
                                    );
                                  },
                                ),
                              ),

                              //===> Query Text Input starts from here <===
                              TextFormField(
                                validator: validateStudentQuery,
                                onSaved: (String val) {
                                  _query = val;
                                },
                                controller: queryController,
                                decoration: InputDecoration(
                                  border: OutlineInputBorder(
                                    borderRadius: BorderRadius.circular(10.0),
                                  ),
                                  // icon: const Icon(Icons.email),
                                  // hintText: 'Enter your query',
                                  labelText: 'Your Query',
                                ),
                                keyboardType: TextInputType.text,
                                style: TextStyle(
                                    fontSize: 16.0,
                                    color: Colors.black),
                                maxLines: 3,
                              ),

                              // ignore: slash_for_doc_comments
                              /**********************************************************
                                        ####### FOR SUBMIT BUTTON ########
                               ***********************************************************/

                              Container(
                                  // padding: EdgeInsets.only(left: 1.0, top: 10.0),
                                  margin: EdgeInsets.only(top: 6.0, bottom: 5),
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.all(Radius.circular(10.0)),
                                    boxShadow: <BoxShadow>[
                                      BoxShadow(
                                        color:  Color(0xFF008ECC),
                                        offset: Offset(0.0, 0.0),
                                        //blurRadius: 20.0,
                                      ),
                                      BoxShadow(
                                        color:  Color(0xFF008ECC),
                                        offset: Offset(0.0, 0.0),
                                        //blurRadius: 20.0,
                                      ),
                                    ],
                                    gradient: LinearGradient(
                                        colors: [
                                          Color(0xFF008ECC), //Colors is Olympic blue
                                          Color(0xFF008ECC),
                                        ],
                                        begin: FractionalOffset(0.2, 0.2),
                                        end: FractionalOffset(1.0, 1.0),
                                        stops: [0.0, 1.0],
                                        tileMode: TileMode.clamp),
                                  ),
                                  child: MaterialButton(
                                    onPressed: validateAndSubmit,
                                    child: Padding(
                                      padding: EdgeInsets.symmetric(
                                          vertical: 10.0, horizontal: 65.0),
                                      child: Text(
                                        "Submit",
                                        style: TextStyle(
                                          color: Colors.white,
                                          fontSize: 25.0,
                                        ),
                                      ),
                                    ),
                                  )),
                            ],
                          )),
                    ),
                  ),
                ],
              ),
            ),
          )),
    );
  }
}

// ignore: slash_for_doc_comments
/**********************************************************
    ### IMPLEMENTATION OF _buildDialogContent METHOD ###
 ***********************************************************/

Widget _buildDialogContent(BuildContext context) => Container(
  height: 230,
  decoration: BoxDecoration(
    color: Color(0xFF008ECC),
    shape: BoxShape.rectangle,
    borderRadius: BorderRadius.all(Radius.circular(12)),
  ),
  child: Column(
    children: <Widget>[
      Container(
        child: Padding(
          padding: EdgeInsets.all(12.0),
          child: Container(
            height: 80, width: 80,
            child: Icon(MdiIcons.vote,
              size: 90,
              color: Color(0xFF56ccf2),
            ),
          ),
        ),
        width: double.infinity,
        decoration: BoxDecoration(
          color: Colors.white,
          shape: BoxShape.rectangle,
          borderRadius: BorderRadius.only(topLeft: Radius.circular(12),
              topRight: Radius.circular(12)),
        ),
      ),
      SizedBox(height: 24),
      Padding(
        padding: EdgeInsets.only(left: 5, right: 5),
        child: Text("To submit the form tap Yes. tap No to edit the form".toUpperCase(),
          textAlign: TextAlign.center,
          style: TextStyle(
            color: Colors.white,
            fontSize: 17,
          ),
        ),
      ),
      SizedBox(height: 10),
      Row(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          FlatButton(
            onPressed: () {
              Navigator.of(context).pop();
            },
            child: Text("No".toUpperCase(),
              style: TextStyle(
                color: Colors.white,
              ),
            ),
          ),
          SizedBox(width: 8),
          Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(10.0)),
              boxShadow: <BoxShadow>[
                BoxShadow(
                  color:  Color(0xFF008ECC),
                  offset: Offset(0.0, 0.0),
                  //blurRadius: 20.0,
                ),
                BoxShadow(
                  color:  Color(0xFF008ECC),
                  offset: Offset(0.0, 0.0),
                  //blurRadius: 20.0,
                ),
              ],
              gradient: LinearGradient(
                  colors: [
                    Color(0xFF008ECC), //Colors is Olympic blue
                    Color(0xFF008ECC),
                  ],
                  begin: FractionalOffset(0.2, 0.2),
                  end: FractionalOffset(1.0, 1.0),
                  stops: [0.0, 1.0],
                  tileMode: TileMode.clamp),
            ),
            child: RaisedButton(
              onPressed: () {
                _saveInput();
                // Navigator.of(context).pop();
                Navigator.pushReplacement(context,
                  MaterialPageRoute(builder: (context) => DashboardScreen()),
                );
              },
              color: Colors.white,
              child: Text("Yes".toUpperCase(),
                style: TextStyle(
                  color: Colors.redAccent,
                ),
              ),
            ),
          ),
        ],
      ),
    ],
  ),
);

//This function adds the needed data to firestore.
void _saveInput () async{
  String uid;
  String _stName;
  String _stSemester;
  String _stNumber;
  String _stEmail;
  String _query;
  String _stPhone;
  String _selectedItem;

  //Creating reference object for firestore
  final db = FirebaseFirestore.instance;
  print(_stName);

  await FirebaseFirestore.instance.collection('software_issues').doc().set({
    'Uid': uid,
    'Student Name': _stName,
    'Student Semester': _stSemester,
    'Student Number': _stNumber,
    'Student Email': _stEmail,
    'Student Query': _query,
    'Student Phone Num': _stPhone,
    'Selected Item': _selectedItem,
  });

最佳答案

你能试一下吗:

Firestore.instance.collection('software_issues').document().setData(
    your data
);

如果要更新它，请将merge属性设置为true。

关于firebase - 将数据添加到Firestore，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63811183/

文章推荐： flutter - Flutter:显示单个列表值时出错

文章推荐： flutter - Dio retrofit 子库的Flutter缓存机制

文章推荐： java - Intellij无法编译Gradle项目

javascript - 如何在单击添加时隐藏最后一次单击(添加)按钮以及当用户单击删除按钮然后显示上一个隐藏(添加)按钮
我创建了一个用户可以添加测试的字段。这一切运行顺利我只希望当用户点击(添加另一个测试)然后上一个(添加另一个测试)删除并且这个显示在新字段中。所有运行良好的唯一问题是点击(添加另一个字段)之前添加另
java - 将数组的内容添加到 JFrame，添加 JPanel，添加 JScroll
String[] option = {"Adlawan", "Angeles", "Arreza", "Benenoso", "Bermas", "Brebant
php - 为什么我们不能使用 MAC 添加。而不是 IP 添加
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。这个问题似乎不是关于 a specific programming problem, a softwar
jquery - 添加 jQuery Nav-tab 添加 Bootstrap
我正在努力将 jQuery 滚动功能添加到 nav-tab (Bootstrap 3)。我希望用户能够选择他们想要的选项卡，并在选项卡内容中有一个可以平滑滚动到 anchor 的链接。这是我的代码，可
jquery - 添加 CSS 到 jQuery Ui Tab 添加
我正在尝试在用户登录后再添加 2 个 ui 选项卡。首先，我尝试做一个之后。 $('#slideshow').tabs('remove', '4'); $("#slideshow ul li:last
javascript - 使用 JavaScript 添加/删除元素(添加/删除带有编号 ID 和名称的字段)
我有一个包含选择元素的表单，我想通过选择添加和删除其中一些元素。这是html代码(这里也有jsfiddle http://jsfiddle.net/txhajy2w/):
ios - 添加 alpha 以查看 VS 添加 alpha 到 UIColor
正在写这个: view.backgroundColor = UIColor.white.withAlphaComponent(0.9) 等同于: view.backgroundColor = UICo
Javascript 添加
好的，如果其中有任何信息，我想将这些列添加到一起。所以说我有账户 1 2 3 . 有 4 个帐户空间，但只有 3 个帐户。我如何创建 java 脚本来添加它。最佳答案 Live Example H
添加/减去数字以查找是否可以生成数字的算法？
我想知道是否有一种有效的预制算法来确定一组数字的和/差是否可以等于不同的数字。示例: 5、8、10、2，使用 + 或 - 等于 9。5 - 8 = -3 + 10 = 7 + 2 = 9 如果有一个预
Git卡在状态/添加/提交
我似乎有一个卡住的 git repo。它卡在所有基本的添加、提交命令上，git push 返回所有内容为最新的。从其他帖子我已经完成了 git gc 和 git fsck/ 我认为基本的调试步骤是
sql - 添加 where 子句会使查询速度变慢
我的 Oracle SQL 查询如下- Q1- select hca.account_number, hca.attribute3, SUM(rcl.extended_amou
iPhone:添加 UIRequiredDeviceCapability
我正在阅读 http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingG
javascript - 添加 "more"按钮
我正在尝试添加一个“加载更多”按钮并限制下面的结果，这样投资组合页面中就不会同时加载 1000 个内容，如下所示:http://typesetdesign.com/portfolio/ 我对 PHP
javascript - 添加，使用Javascript函数添加多个文本框
我遇到这个问题，我添加了 8 个文本框，它工作正常，但是当我添加更多文本框(如 16 个文本框)时，它不会添加最后一个文本框。有人遇到过这个问题吗？提前致谢。 Live Link: JAVASCRIP
javascript - 添加/删除克隆第一行默认不删除
add/remove clone first row default not delete 添加/删除克隆第一行默认不删除&并获取正确的SrNo(例如:添加3行并在看到问题后删除SrNo.2)
javascript - 添加/删除表单中的输入
我编码this ，但删除按钮不起作用。我在控制台中没有任何错误.. var counter = 0; var dataList = document.getElementById('materi
javascript - 添加/删除类似数组的对象中的元素
我有一个类似数组的对象: [1:数组[10]、2:数组[2]、3:数组[2]、4:数组[2]、5:数组[3]、6:数组[1]] 我正在尝试删除前两个元素，执行一些操作，然后将它们再次插入到同一位置。
arrays - 添加/删除单元格时保持数组排序的最佳方法
使用的 Delphi 版本:2007 你好，我有一个 Tecord 数组 TInfo = Record Name : String; Price : Integer; end; var Info
javascript - 添加/删除小部件以及调整大小不起作用
我使用了基本的 gridster 代码，然后我声明了通过按钮添加和删除小部件的函数它工作正常但是当我将调整大小功能添加到上面的代码中时，它都不起作用(我的意思是调整大小，添加和删除小部件) 我的js代
javascript - 添加/删除上一个或下一个父级中的类
title 323 323 323 title 323 323 323 title 323 323 323 JS $(document).keydown(function(e){

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

firebase - 将数据添加到Firestore