我现在用flutter写了一个商城现在商品详情页缺少一个添加到购物车按钮而且也没有数量选择购物车按钮我想做成悬浮的长按可以动画展开显示所有购物车商品然后添加一个结算按钮可以直接跳转到结算页面。并且写好对应的model和api_service我的添加到购物车接口是httpbookmusecloudtechaddcartproductId=-1896935422&quantity=1如果添加成功则返回

要添加购物车按钮和数量选择，你可以在商品详情页的底部加入一个固定的底部栏，包含一个数量选择器和添加到购物车按钮。当用户点击添加到购物车按钮时，你需要使用Dio库发送一个POST请求到添加购物车的API接口，同时携带商品ID和数量参数。当服务器返回成功时，你可以使用Flutter的SnackBar组件提示用户添加成功。在购物车页面中，你可以使用ListView组件展示所有购物车商品，并根据每个商品的数量和单价计算总价格。当用户长按购物车悬浮按钮时，你可以使用Flutter的动画组件展开购物车页面，同时使用ListView组件展示所有购物车商品，和一个结算按钮。当用户点击结算按钮时，你需要使用Flutter的Navigator组件跳转到结算页面，并携带购物车商品的信息。在结算页面中，你可以展示所有购物车商品的信息、数量和总价格，并提供一个支付按钮。当用户点击支付按钮时，你需要使用Flutter的Navigator组件跳转到支付页面，并携带支付信息。在支付页面中，你可以使用Flutter的WebView组件展示支付页面，并监听支付结果。当支付成功时，你需要使用Flutter的Navigator组件跳转到支付成功页面