小编Thi*_*URE的帖子

onPressed按钮时如何从ListView中删除TextField?

当用户单击“清除图标”按钮时如何删除 TextField?(不仅仅是清除TextField的Text)

用户故事
用户点击一个按钮来添加玩家。(技术上这个按钮添加了TextField)
用户可以在TextField 上写上玩家的名字。
用户单击“清除图标”按钮以删除当前的 TextField(与添加功能相反)。

在此处输入图片说明

new ListView.builder(
                     padding: EdgeInsets.all(0),
                      shrinkWrap: true,
                      physics: NeverScrollableScrollPhysics(),
                      itemCount: 5,
                      itemBuilder: (context, index) {
                        print(index);
                        return TextField(
                          maxLength: 20,
                          decoration: InputDecoration(
                            labelText: "Player ${index+1}",
                            counterText: "",
                            prefixIcon: const Icon(Icons.person),
                            suffixIcon: new IconButton(
                                icon: Icon(Icons.clear),
                                onPressed: () =>
                                  setState(() {
                                    this.dispose(); // -----Doesn't work----
                                  })
                                ),
                          ),
                        );
                      }
                    ),
Run Code Online (Sandbox Code Playgroud)

例如,如果用户单击“清除按钮”,则用户在 Player 4 上设置了“John”,则 Player 4 TextField 将被删除。它将只剩下 4 个 TextField

在此处输入图片说明

dart flutter

3
推荐指数
1
解决办法
2217
查看次数

标签 统计

dart ×1

flutter ×1