zoukankan      html  css  js  c++  java
  • flutter Dismissible 可以在拖动时隐藏的widget

    import 'package:flutter/material.dart';
    
    class DismissedAppPage extends StatefulWidget {
      @override
      State<StatefulWidget> createState() {
        return new _DismissedAppPageState();
      }
    }
    
    class _DismissedAppPageState extends State<DismissedAppPage> {
      List<String> list = [
        'A',
        'B',
        'C',
        'D',
        'E',
        'F',
        'G',
        'H',
        'I',
        'J',
        'K',
        'L'
      ];
    
    
      @override
      Widget build(BuildContext context) {
    
        // TODO: implement build
        return new Scaffold(
    
          appBar: new AppBar(
            title: new Text('Dismissed 学习'),
            centerTitle: true,
          ),
          body: new ListView.builder(
              itemCount: list.length,
              itemBuilder: (context, index) {
                final String curItem = list[index];
    
                return new Dismissible(
                    key: new Key(curItem),
                    direction: DismissDirection.endToStart,
                    onDismissed: (direction) {
                      list.removeAt(index);
                      print("$curItem 被划走了");
                      final snackBar = new SnackBar(content: new Text("$curItem"));
                      Scaffold.of(context).showSnackBar(snackBar);
                    },
                    background: new Container(
                        child: new Center(
                          child: new Text('即将被删除'),
                        ),
                        color: Colors.red),
                    child: new ListTile(
                      title: new Text(curItem),
                    ));
              }),
        );
      }
    }
    
    class DismissedPage extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return new Scaffold(
          body: new DismissedAppPage(),
        );
      }
    }
  • 相关阅读:
    MySQL5.7初始密码查看及重置
    ps top kill
    Linux基础知识[2]【延迟及定时机制】
    大数加减运算
    字符串分隔
    打印NxN的矩阵
    交叉排序
    去除重复字符并排序
    大数求差——(华为实习招聘机试题)
    图解TCP-IP协议
  • 原文地址:https://www.cnblogs.com/loaderman/p/11352189.html
Copyright © 2011-2022 走看看