用 textformfield 填充列表视图答案

【问题标题】：fill a listview with textformfield用 textformfield 填充列表视图
【发布时间】：2021-11-14 06:07:15
【问题描述】：

基本上我想用 Textformfield 填充 Listview。如果有人可以指导我完成那个

完整代码的git链接

github.com/Nyctophilus/Thoth_Script 我添加了一些更改我的主要问题，现在列表视图中的所有图块都采用相同的值。它不读取我的 setState 更改！还有FAB

列出代码

  TextEditingController Tcon = TextEditingController();

  Widget _list(context, index) {
    if (index > 0) {
      return ListView.builder(
        itemCount: index,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text('Task: ${index + 1}  $Tcon'),
          );
        },
      );
    } else {
      return ListView(
        shrinkWrap: true,
        padding: const EdgeInsets.all(30.0),
        children: const <Widget>[
          Text("Add task..."),
        ],
      );
    }
  }

文本域代码

        child: TextField(
          textAlign: TextAlign.center,
          controller: Tcon,
          onSubmitted: (value) {
            setState(() {
              Tcon.text = value;
              index++;
            });
          },
        ),

【问题讨论】：

Listview with a Textformfield. 你的意思是像一个巨大的文本表单域，还是你想要多个动态文本域
它就像一个文本字段供用户输入文本，所以我把它动态显示在 listView 上，是的
你能更详细地描述你想要做什么吗？或者您在哪里需要帮助？
你要创建动态列表？
请分享 github 链接让我更好地帮助你。如果我理解正确，您想在按下浮动按钮时向 listView 添加新任务，textFormField 将更新 textFormController 并将其保存到 listview

标签： flutter dart flutter-layout

【解决方案1】：

尝试将您的文本字段包装在容器中

Container(
            width: 650,
            height: 45,
            child: TextField(
              textAlign: TextAlign.center,
              controller: Tcon,
              onSubmitted: (value) {
                setState(() {
                  Tcon.text = value;
                  index++;
                });
              },
            ),
      ),

【讨论】：

我确实尝试过，但没有成功。列表视图大小的错误而不是文本字段..哦，我用 Expanded 包装了列表视图，它出现了。这是对齐问题！ >

【解决方案2】：

Tcon 是您分配给列表中所有文本字段的单个文本编辑控制器。您必须创建 List 并将其每个子项分配给每个文本字段，以便每个文本字段都有自己的控制器。

【讨论】：