margin: EdgeInsets.symmetric(horizontal: 20),
child: Row(children: [
Expanded(child: Text(‘当前 item = ${(index + 1)}’, style: TextStyle(fontSize: 16.0))),
Padding(child: Icon(Icons.lock_open, size: 14.0), padding: EdgeInsets.only(left: 10.0))
])),
Container(height: 0.5, color: Colors.grey)
]);
}
_disItem(index) => Dismissible(key: UniqueKey(), child: _listItem(index));
1. background
background 为堆叠在 Dismissible 设置的 child 元素后的 Widget,在滑动过程中展示的背景 Widget;对于未设置 secondaryBackground 时,各个方向的滑动展示的背景均为 background;
_backgroundWid() {
return Container( color: Colors.red,
child: Align( alignment: Alignment.centerRight,
child: Padding( padding: EdgeInsets.symmetric(horizontal: 20.0),
child: Column( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.delete_forever, color: Colors.white, size: 18.0),
SizedBox(height: 5.0),
Text(‘Delete’, style: TextStyle(color: Colors.white))
]))));
}
2. secondaryBackground
secondaryBackground 与 background 类似,仅支持在向上滑动或从右向左滑动方向上展示的背景 Widget;
_secondBackgroundWid() {
return Container( color: Colors.green,
child: Align( alignment: Alignment.centerLeft,
child: Padding( padding: EdgeInsets.symmetric(horizontal: 20.0),
child: Column( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.edit, color: Colors.white, size: 18.0),
SizedBox(height: 5.0),
Text(‘Edit’, style: TextStyle(color: Colors.white))
]))));
}
3. direction
direction 为限制滑动关闭方向,在 onDismissed / confirmDismiss 中也可以进行判断;
- DismissDirection.vertical 竖直方向,包括 up / down 两种
- DismissDirection.horizontal 水平方向,包括 endToStart / startToEnd 两种
- DismissDirection.endToStart 结束到开始方向(与语言设置的 rtl 和 ltr 相关),汉英等日常方向一般是从右至左
- DismissDirection.startToEnd 开始到结束方向(与语言设置的