Flutter Slidable 列表側(cè)滑菜單 列表側(cè)滑刪除
本文章的效果
不要忘了先添加依賴
flutter_slidable: ^0.5.7
首先來個(gè)列表
然后列表的每一個(gè)子Item都使用 Slidable 組件來嵌套
? ?滑動(dòng)的交互效果
? ? ?SlidableDrawerActionPane 從左逐漸壓縮進(jìn)來 折疊
? ? ? SlidableScrollActionPane 相當(dāng)于是從屏幕左側(cè)滑動(dòng)進(jìn)來
? ? ?SlidableBehindActionPane 直接顯示在背面
? ? ??SlidableStrechActionPane 從左側(cè)壓縮滑動(dòng)進(jìn)來
然后列表子條目是通過配置選項(xiàng)內(nèi)容來配置左滑和右滑的，在這個(gè)Demo中，我們只配置了向左側(cè)滑動(dòng)的效果，滑動(dòng)菜單如下：
最后列表顯示的效果構(gòu)建如下
完畢
不局限于思維，不局限語言限制，才是編程的最高境界。
標(biāo)簽：
