我正在构建一个网格系统,并且一直在麻烦地更新每一个小部件的状态。它们的大小需要动态变化。在某些情况下会调用didUpdateWidget(),但每个小部件的状态并不总是更新。
基本上,我如何才能遍历Bloc函数中的StatefulWidgets列表,并让每个Widget更新它们的状态以使宽度发生变化?
我发现的所有指南都专注于Stateful Widget的内部更新,而不是外部更新。
class ResponsiveGridItem extends StatefulWidget {
double itemWidth;
double height;
Color color;
String content;
int row;
int column;
bool empty;
ResponsiveGridItem(
this.itemWidth ,
this.height ,
this.color,
this.content,
this.row,
this.column,
this.empty,);
@override
ResponsiveGridItemState createState() => ResponsiveGridItemState();
}
class ResponsiveGridItemState extends State<ResponsiveGridItem> {
double itemWidth = 37;
double height = 100;
Color color = Colors.blue;
String content = "";
int row;
int column;
bool empty = true;
@override
initState() {
super.initState();
itemWidth = widget.itemWidth;
// print("init itemWdith is " + itemWidth.toString());
height = widget.height;
color = widget.color;
content = widget.content;
row = widget.row;
column = widget.column;
empty = widget.empty;
}
@override
void didUpdateWidget(ResponsiveGridItem oldWidget) {
itemWidth = widget.itemWidth;
color = widget.color;
row = widget.row;
column = widget.column;
content = widget.content;
empty = widget.empty;
super.didUpdateWidget(oldWidget);
}
@override
Widget build(BuildContext context) {
return Container(
height: 100,
width: itemWidth,
alignment: Alignment(0, 0),
color: color,
child: DragTargetWidget(
row,
column,
empty,
cardItem: CardItem(content: content, width: itemWidth),
),
);
}
}
为了补充一下,这是我正在使用的for循环。对于这个问题,我已经从我的小部件中删除了所有编写updateItemWidth的尝试。
for (int i = 0; i < gridData[row].length; i++) {
gridData[row][i].updateItemWidth(newGridItemsSize);
}
发布于 2020-11-15 00:42:49
所以我最终找到了一个解决方案
var gridItem = gridData[row][i];
gridData[row].removeAt(i);
gridData[row].insert(i, new ResponsiveGridItemSolid(
gridItem.itemWidth, gridItem.height, gridItem.color, gridItem.content, row, i, gridItem.empty));
由于没有适当的方法来强制刷新,因此可以通过完全移除Widget并重新创建它来调用build方法。我也换成了StatelessWidget。
https://stackoverflow.com/questions/64829853
复制相似问题