[英]flutter Dismissible widget variable dependency
编辑:修复它。向下看
老问题:
我正在试验Dismissible小部件。 我可以成功监视该方向的状态,该状态存储在directionVar中。 它输出类似于DismissDirection.endToStart
我想使用此信息来更改显示的图标的位置。 删除项目时,背景为红色,右侧为图标。 Gmail之类的样式。
Widget build(BuildContext context) {
DismissDirection directionVar;
return ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Dismissible(
key: Key(products[index]['title']), //Should be unique.
onDismissed: (DismissDirection direction) {
directionVar = direction;
},
我的问题是这部分:
background: Container(
color: Colors.red,
padding: EdgeInsets.only(left: 20.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Icon(
Icons.delete,
)
],
),
),);});}
我希望此部分根据directionVar
值进行更改。 padding
应该根据directionVar
的值以及mainAxisAlignment
。
遵循以下原则:
if(directionVar == DismissDirection.endToStart){
} else if (directionVar == DismissDirection.startToEnd){
}
但是我无法访问这些语句中的background
:和padding
属性,因为它们是Dismissible
小部件的属性,并且无法在onDismissed(){}
更改
这看似简单的问题,但似乎无法解决。
编辑:修复它。。非常简单。
secondaryBackground: Container(
color: Colors.red,
padding: EdgeInsets.only(right: 20.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Icon(
Icons.delete,
)
],
),
),
有几种方法可以实现此目的。 例如,您可以创建一种方法来动态处理方向,然后在小部件树中相应地对其进行更新。 就像是
List<dynamic> _resolveDirection(DismissDirection direction) {
switch (direction) {
case DismissDirection.endToStart:
return [MainAxisAlignment.center, 20.0];
break;
case DismissDirection.startToEnd:
return [MainAxisAlignment.start, 10.0];
break;
case DismissDirection.vertical:
return [MainAxisAlignment.end, 5.0];
break;
// And so on...
default:
return [];
}
}
然后用
background: Container(
color: Colors.red,
padding: _resolveDirection(directionVar)[1],
child: Row(
mainAxisAlignment: _resolveDirection(directionVar)[0],
children: <Widget>[
Icon(
Icons.delete,
)
],
),
),);});}
最后,每次滑动时您所要做的就是以更新的方向重建树
setState(() => directionVar = direction);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.