时间戳

首页 > 解决方案 > 在颤动中将项目添加到列表时，该项目不会保存在该列表中

list - 在颤动中将项目添加到列表时，该项目不会保存在该列表中

问题描述

我有一个用户列表，它显示在表单的下拉列表中，然后提交，列表为空，我创建了一个函数，允许用户在 TextFormField 中键入“名称”，然后将该名称添加到列表中，然后它出现在下拉列表中，但是当页面重新加载时，列表项已经消失。

例子：

void savePerson() {
    String newperson = _newPersonController.text;
    _persons.add(newperson);
  }
  
  The function to save string to list

List<String> _persons = [
   
  ]; 
  
  The List

 TextFormField(
                    controller: _newPersonController,
                    decoration: InputDecoration(
                      hintText: 'Add New Person',
                      prefixIcon: Icon(
                        Icons.local_hospital,
                        size: 30,
                      ),
                      fillColor: Colors.white,
                      filled: true,
                      contentPadding: EdgeInsets.all(15),
                    )),
                    
The TextFormField where the user inserts the name to be added

FlatButton(
                        onPressed: () {
                          savePerson();
                          setState(() {
                            _newPersonController.clear();
                          });
                        },
                        child: Text('Add Person'))
                        
                        
Button code

为了清楚起见，它将它添加到列表/下拉列表中 - 这有效，但我的列表似乎无法将信息保存到其中。

我对颤动相当陌生 - 对任何明显的事情感到抱歉。

标签： listflutterdart

解决方案

问题可能是下拉的逻辑，并在将项目添加到人员列表时添加 setState()

我使用这段代码：

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final TextEditingController _newPersonController =
      new TextEditingController();

  List<String> _persons = [];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              DropdownButton(
                  items: List.generate(
                      _persons.length,
                      (i) => DropdownMenuItem(
                            child: Text(_persons[i]),
                          )),
                  onChanged: (_) {}),
              TextFormField(
                  controller: _newPersonController,
                  decoration: InputDecoration(
                    hintText: 'Add New Person',
                    prefixIcon: Icon(
                      Icons.local_hospital,
                      size: 30,
                    ),
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: EdgeInsets.all(15),
                  )),
              FlatButton(
                  onPressed: () {
                    savePerson();
                    setState(() {
                      _newPersonController.clear();
                    });
                  },
                  child: Text('Add Person'))
            ],
          ),
        ),
      ),
    );
  }

  void savePerson() {
    String newperson = _newPersonController.text;
    setState(() {
      _persons.add(newperson);
    });
  }
}

大概能帮到你

推荐阅读