美文网首页flutter
Flutter之Dismissible组件

Flutter之Dismissible组件

作者: 习惯了_就好 | 来源:发表于2019-03-27 10:52 被阅读2次
    /**
     *  滑动删除
     *
     * const Dismissible({
        @required Key key,//
        @required this.child,//
        this.background,//滑动时组件下一层显示的内容,没有设置secondaryBackground时,从右往左或者从左往右滑动都显示该内容,设置了secondaryBackground后,从左往右滑动显示该内容,从右往左滑动显示secondaryBackground的内容
        //secondaryBackground不能单独设置,只能在已经设置了background后才能设置,从右往左滑动时显示
        this.secondaryBackground,//
        this.onResize,//组件大小改变时回调
        this.onDismissed,//组件消失后回调
        this.direction = DismissDirection.horizontal,//
        this.resizeDuration = const Duration(milliseconds: 300),//组件大小改变的时长
        this.dismissThresholds = const <DismissDirection, double>{},//
        this.movementDuration = const Duration(milliseconds: 200),//组件消失的时长
        this.crossAxisEndOffset = 0.0,//
        })
     */
    
    body: ListView.builder(
                itemCount: list.length,
                itemBuilder: (context, index) {
                  var item = list[index];
                  return Dismissible(
                    key: Key(item),
                    child: ListTile(
                      title: Text(item),
                    ),
                    onDismissed: (direction) {
                      list.remove(index);
                      print(direction);
                    },
                    background: Container(
                      color: Colors.red,
                      child: Center(
                        child: Text("删除",
                          style: TextStyle(
                              color: Colors.white
                          ),
                        ),
                      )
                    ),
                    secondaryBackground: Container(
                      color: Colors.green,
                    ),
                  );
                },
              )
    

    相关文章

      网友评论

        本文标题:Flutter之Dismissible组件

        本文链接:https://www.haomeiwen.com/subject/ngwavqtx.html