颤动:启用/禁用文本表单,如果禁用它们,则提交默认信息(无用户输入)

问题描述 投票:0回答:1

在颤动中,我有禁用的文本表单字段,如果没有用户输入(禁用字段),则发送预填充值。我想创建一个名为“Filter”的按钮,当用户单击该按钮时,它会启用这些字段并允许用户选择自己要提交的值。

目前,我已经找到了一种使用enabled:false禁用文本字段的方法。我不确定如何将所有这三个表单字段设置为启用:当用户单击按钮时为true。此外,目前我已检查空输入以提交这些默认值。但是,如果按下过滤器按钮并启用了表单,我不想发送预填充值。

//would like to use these 3 values on submit if fields are disabled

double distance = 10.0;
  double length = 1.0;
  double results = 10.0;


Widget distanceFromUser() {
    return TextFormField(
      enabled: false,
      decoration: InputDecoration(
          labelText: "Distance From User: 10", hintText: '10 miles'),
      onSaved: (String value) {
        if(value.isEmpty){
         distance = 10.0;
        }
        else {
          distance = double.parse(value);
        }
      },
    );
  }

  Widget lengthOfTrail() {
    return TextFormField(
      enabled: false,
      decoration: InputDecoration(
          labelText: "Minimum Length of Trail: 1", hintText: '1 mile'),
      onSaved: (String value) {
        if(value.isEmpty){
          length = 1.0;
        }
        else {
          length = double.parse(value);
        }
      },
    );
  }

  Widget numOfResults() {
    return TextFormField(
      enabled: false,
      decoration: InputDecoration(
          labelText: "Number of results : 10", hintText: 'numOfResults'),
      onSaved: (String value) {
        if(value.isEmpty){
          results = 10.0;
        }
        else {
          results = double.parse(value);
        }
      },
    );
  }

  Widget submitButton() {
    return RaisedButton(
      color: Color.fromRGBO(58, 66, 86, 1.0),
      child: Text("Find trails near me", style: TextStyle(color: Colors.white)),
      onPressed: () async {
          formkey.currentState.save();
        final trails = await fetchData();
        Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) => MapScreen(trails, userLat, userLon)),
        );
      },
    );
  }
}
Widget Filter(){ 
//code to re-enable text forms would go here
}

非常感谢任何帮助,谢谢

forms dart flutter
1个回答
0
投票

创建一个bool变量来处理所有TextFormField的禁用和启用,你可以使用这个bool变量来决定你要预先发送或新发送的数据。

这样的事情:

bool _isEnable = false;

Widget distanceFromUser() {
  return TextFormField(
    enabled: _isEnable, // here use the variable in all the TextFormField
    decoration: InputDecoration(
        labelText: "Distance From User: 10", hintText: '10 miles'),
    onSaved: (String value) {
      if(value.isEmpty){
        distance = 10.0;
      }
      else {
        distance = double.parse(value);
      }
    },
  );
}


// onpress of filter button
setState(() { _isEnable = true });

// onpress of submit
(){
  if(!_isEnable){
    //defualt data pass 
}else{
    //new data you have to pass
  }
}
© www.soinside.com 2019 - 2024. All rights reserved.