Question

只要下拉字段发生更改，或者即使单击下拉字段，文本字段的值也会重置。这是代码..

list.forEach((i) {
  var textEditingController = new TextEditingController();
  textEditingControllers.add(textEditingController);
  textFields.add(
    new Column(
      children:[
      new DropdownButton<String>(
        value: _selection[i],
        items: _items.map((String item){
          return DropdownMenuItem<String>(
            value:item,
            child: new Text(item), 
            );
        }).toList(),
        onChanged: (s){
          setState(() { 
           _selection[i]=s;  
          });
        },
      ),
      new TextField(
          autocorrect: false,
          controller: textEditingController,
          textAlign: TextAlign.center,  
          keyboardType: TextInputType.number,                 
         decoration: new InputDecoration(hintText: "credit $i",hintStyle: new TextStyle(color: Colors.deepOrangeAccent[100])),
      )
      ]
    )
  );

 return textFields;
});

full code

有什么东西我做错了吗？

Crosslink https://github.com/flutter/flutter/issues/18592

Answer 1

我认为您可能错过了@Gunter保留TextEditingController实例的含义。它们应该保存到您的State子类中。

这是一个例子（我也整理了一下代码，因为很难弄清楚到底是怎么回事）。

class GPAcalc extends StatefulWidget {
  final int n;

  GPAcalc(this.n);

  @override
  GPAcalcstate createState() => new GPAcalcstate();
}

class GPAcalcstate extends State<GPAcalc> {
  List<String> _items = ['O', 'A+', 'A', 'B+', 'B', 'C', 'F', 'AB', 'I'].toList();
  var _selection = new List<String>();

  var _controllers;

  @override
  void initState() {
    super.initState();
    _controllers = new List.generate(widget.n, (i) => new TextEditingController());
    _selection.addAll(_items);
  }

  @override
  Widget build(BuildContext context) {
    int sogxc = 0, soc = 0;

    var textFields = new List.generate(widget.n, (i) => i)
        .map(
          (i) => new Column(
                children: [
                  new DropdownButton<String>(
                    value: _selection[i],
                    items: _items.map((String item) {
                      return DropdownMenuItem<String>(
                        value: item,
                        child: new Text(item),
                      );
                    }).toList(),
                    onChanged: (s) {
                      setState(() {
                        _selection[i] = s;
                      });
                    },
                  ),
                  new TextField(
                    autocorrect: false,
                    controller: _controllers[i],
                    textAlign: TextAlign.center,
                    keyboardType: TextInputType.number,
                    decoration: new InputDecoration(
                        hintText: "credit ${i + 1}", hintStyle: new TextStyle(color: Colors.deepOrangeAccent[100])),
                  )
                ],
              ),
        )
        .toList(growable: false);
    double res = 0.0;

    return new Scaffold(
      appBar: new AppBar(
        backgroundColor: Colors.deepOrangeAccent,
      ),
      body: new Container(
        decoration: new BoxDecoration(border: new Border.all(color: Colors.transparent, width: 5.0)),
        child: new ListView(
          children: textFields,
        ),
      ),
      floatingActionButton: new FloatingActionButton(
        tooltip: 'Calculate',
        backgroundColor: Colors.deepOrangeAccent,
        child: new Icon(Icons.keyboard_arrow_right),
        onPressed: () {
          for (int i = 0; i < widget.n; i++) {
            String r = (_controllers[i].text);
            int gp = calculate(_selection[i]);
            int cp = int.parse(r);
            int gxc = gp * cp;
            sogxc += gxc;
            soc += cp;
          }
          res = sogxc / soc;
          Navigator.of(context).push(
                new MaterialPageRoute(
                  builder: (BuildContext context) => new ScorePage(res),
                ),
              );
        },
      ),
    );
  }

  int calculate(var a) {
    if (a == "O" || a == "o") return 10;
    if (a == "A+" || a == "a+") return 9;
    if (a == "A" || a == "a") return 8;
    if (a == "B+" || a == "b+") return 7;
    if (a == "B" || a == "b") return 6;
    if (a == "C" || a == "c") return 5;
    if (a == "P" || a == "p") return 4;
    if (a == "F" || a == "f") return 0;
    if (a == "AB" || a == "ab") return 0;
    if (a == "I" || a == "i") return 0;
    return 0;
  }
}

您希望在窗口小部件的整个生命周期中都保留TextEditingController的实例-这样，它们可以管理文本的值。另外，当您更改下拉菜单的值时，您必须在setState(() {})中进行操作。

您可以从小部件的StatefulWidget子类中访问State子类中的变量。*。比传递参数更可取。

下拉值更改时，值将在文本字段中重置

1 个答案: