日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

flutter 列表左右滑動帶出按鈕選項

作者:_花開富貴 更新時間: 2022-03-14 編程語言

安裝包:

dependencies:  flutter_slidable: ^0.5.4

調用組件:

import 'package:flutter_slidable/flutter_slidable.dart';

Slidable(
     actionPane: SlidableScrollActionPane(),//滑出選項的面板 動畫
     actionExtentRatio: 0.25,
     child: ListItem(title:title),
     actions: <Widget>[//左側按鈕列表
         IconSlideAction(
             caption: 'Archive',
             color: Colors.blue,
             icon: Icons.archive,
             onTap: () => _showSnackBar('Archive'),
         ),
         IconSlideAction(
             caption: 'Share',
             color: Colors.indigo,
             icon: Icons.share,
             onTap: () => _showSnackBar('Share'),
         ),
     ],
     secondaryActions: <Widget>[//右側按鈕列表
         IconSlideAction(
             caption: 'More',
             color: Colors.black45,
             icon: Icons.more_horiz,
             onTap: () => _showSnackBar('More'),
         ),
         IconSlideAction(
             caption: 'Delete',
             color: Colors.red,
             icon: Icons.delete,
             closeOnTap: false,
             onTap: (){
                 _showSnackBar('Delete');
             },
         ),
     ],
 )

SlideAction,這是最靈活的。您可以選擇背景色或任何裝飾,并且它將任何小部件作為child。

IconSlideAction,需要一個圖標。它可以在圖標下方具有背景色和標題。

內置四種滑動的動畫:(不仔細看很難看出區別來)

SlidableBehindActionPane()

SlidableScrollActionPane()

SlidableDrawerActionPane()

SlidableStrechActionPane()

原文鏈接:https://blog.csdn.net/sinat_42338962/article/details/122541365

欄目分類
最近更新