出现移除列表视图的问题

Question

我试图实现一个swipe来删除列表视图作为列的子列，这样我就可以在它下面添加一行按钮，但当它呈现时，屏幕上没有出现任何东西，我也没有得到任何错误。

final goals = List<String>.generate(20,(i) => 'item ${i+1}');

class AddButton extends StatelessWidget {
  final formKey = GlobalKey<FormState>(); 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Column(children: <Widget>[
          ListView.builder(
            itemBuilder: (context,int index){
              return new Dismissible(
                key: new Key(goals[1]),
                onDismissed: (direction){
                  goals.removeAt(index);
                  Scaffold.of(context).showSnackBar(SnackBar(
                    content: new Text("Item Removed")
                  ));
                },
                child: new ListTile(
                  title: new Text("${goals[index]}"),
                )
              );
            },
            itemCount: goals.length,
          )
          ],
        ),
      ),
    );
  }
}

Answer 1

我创建了一个变量来引用正在构建的当前目标。然后，我从该项创建了一个键，并在ondesced函数中添加了所需的setstate方法。此示例要求使用StateFulWidget，而不是StateLessWidget。

注意：从Dart2.0开始，new关键字是可选的。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Column(children: <Widget>[
          ListView.builder(
            itemBuilder: (context,int index){
              var item = goals[index];
              return Dismissible(
                key: Key(item),
                onDismissed: (direction){
                  setState(() {
                    goals.removeAt(index);
                  });

                  Scaffold.of(context).showSnackBar(SnackBar(
                    content: new Text("Item Removed")
                  ));
                },
                child: ListTile(title: Text("$item"))
              );
            },
            itemCount: goals.length,
          )],
        ),
      ),
    );
  }