在Flutter中,你可以通过以下步骤来添加一个计数器来告诉购物车中每种商品的数量:
int itemCount = 0;
Text('$itemCount');
IconButton(
icon: Icon(Icons.add),
onPressed: () {
setState(() {
itemCount++; // 增加商品数量
});
},
),
IconButton(
icon: Icon(Icons.remove),
onPressed: () {
setState(() {
if (itemCount > 0) {
itemCount--; // 减少商品数量,但不能小于0
}
});
},
),
Scaffold(
appBar: AppBar(
title: Text('购物车'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('商品数量:$itemCount'),
IconButton(
icon: Icon(Icons.add),
onPressed: () {
setState(() {
itemCount++;
});
},
),
IconButton(
icon: Icon(Icons.remove),
onPressed: () {
setState(() {
if (itemCount > 0) {
itemCount--;
}
});
},
),
],
),
),
);
这样,你就成功地添加了一个计数器来告诉购物车中每种商品的数量。记得在Flutter中使用StatefulWidget来实现状态管理,并在按钮点击时调用setState()方法来更新UI。
领取专属 10元无门槛券
手把手带您无忧上云