flutter 侧滑删除+侧滑显示删除按钮

1、侧滑删除

　　1.1、Dismissible组件

2、侧滑显示删除按钮

　　2.1、手势监听水平滑动

------------------------------------分割线--------------------------------------------------------

dismissRemove.dart   

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

class Dismessremove extends StatelessWidget {
  final title = '滑动删除';
  final List items  =  new List.generate(20, (i) => "Item ${i + 1}");
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: new AppBar(
        leading: IconButton(
            icon: Icon(Icons.arrow_back),
            onPressed: () {
              Navigator.pop(context); // 返回
            }),
        title: new Text(title),
      ),
      body: new ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          final item = items[index];
          return new Dismissible(
            // Each Dismissible must contain a Key. Keys allow Flutter to
            // uniquely identify Widgets.
            key: new Key(item),
            // We also need to provide a function that will tell our app
            // what to do after an item has been swiped away.
            onDismissed: (direction) {
              items.removeAt(index);
              Scaffold.of(context).showSnackBar(
                  new SnackBar(content: new Text("$item dismissed")));
            },
            // Show a red background as the item is swiped away
            background: new Container(color: Colors.red),
            child: new ListTile(title: new Text('$item'),),
          );
        },
      ),
    );
  }
}

效果就是滑动一下就马上删除数据，非常的突兀。

dismissshow.dart  

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

class Dismessshow extends StatefulWidget {
  @override
  _Dismessshow createState() => _Dismessshow();
}

class _Dismessshow extends State {
  final title = '滑动显示';
//  final List items  =  [
//    '1','2'
//  ];
//  final List//    {'name': 'xxx', 'show': false}
//  ];
  final List

效果如下

          

 github：https://github.com/ft1107949255/kiminitodoke

转载于:https://www.cnblogs.com/shuangzikun/p/taotao_flutter_remove.html