当用户单击“清除图标”按钮时如何删除 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