gpt4 book ai didi

dart - 如何增加 Flutter 中特定列表项的计数器?

转载 作者:IT王子 更新时间:2023-10-29 06:35:56 26 4
gpt4 key购买 nike

就像下面的示例图片一样,我想在单击单个列表项的按钮时增加或减少数量。如果我增加 setState() 中的计数器,它会在每个列表项中递增。我需要这方面的帮助,尤其是在处理 Flutter 中的特定列表项方面。

![示例图片][2]
任何帮助表示赞赏。
提前致谢。

Got the List Item感谢您的帮助,

Sample Image

最佳答案

您需要做的就是以正确的方式重构您的小部件。您可以将您的 Card/项目重构到它们单独的 StatefulWdiget 中,这样每次递增/递减只影响一个特定项目,而不影响整个列表。

检查这个例子:

enter image description here

class FlutterExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new ListView(
children: new List.generate(5, (i)=>new ListTileItem(
title: "Item#$i",
)),
),
);
}
}
class ListTileItem extends StatefulWidget {
String title;
ListTileItem({this.title});
@override
_ListTileItemState createState() => new _ListTileItemState();
}

class _ListTileItemState extends State<ListTileItem> {
int _itemCount = 0;
@override
Widget build(BuildContext context) {
return new ListTile(
title: new Text(widget.title),
trailing: new Row(
children: <Widget>[
_itemCount!=0? new IconButton(icon: new Icon(Icons.remove),onPressed: ()=>setState(()=>_itemCount--),):new Container(),
new Text(_itemCount.toString()),
new IconButton(icon: new Icon(Icons.add),onPressed: ()=>setState(()=>_itemCount++))
],
),
);
}
}

关于dart - 如何增加 Flutter 中特定列表项的计数器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50044618/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com