核心弹窗如下:
调用方法shopingCart即可
shopingCart(BuildContext context){
showModalBottomSheet(
context: context,
isDismissible: true,
isScrollControlled: false,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(15), topRight: Radius.circular(15))),
builder: (BuildContext context) {
return Container(
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(topLeft: Radius.circular(15),topRight: Radius.circular(15))
),
height: 370,
child: Column(
children: [
Container(padding: const EdgeInsets.fromLTRB(15, 20, 15, 5),child: Text("商品名称",maxLines:2,style: TextStyle(color: const Color.fromRGBO(236, 94, 104, 1),fontSize: 25),),),
const Divider(),
Padding(padding: EdgeInsets.only(bottom: 10),child: Center(child: Text("商品一",style: TextStyle(color: Colors.red,fontSize: 30),),),),
Container(color: const Color.fromRGBO(250, 250, 252,0.5),height: 15),
InkWell(
onTap: (){
Navigator.pop(context);
},
child:Container(padding: const EdgeInsets.fromLTRB(0,10,0,15),child: Text("取消",style: TextStyle(color: const Color.fromRGBO(236, 94, 104, 1),fontSize: 30),)),),
],
),
);
});
}