Browse Source
# Conflicts: # assets/image/2x/icon_sign_success.png # assets/image/3x/icon_sign_success.png # lib/generated/l10n.dart # lib/l10n/intl_en.arb # lib/l10n/intl_zh_CN.arb # lib/l10n/intl_zh_Hans_CN.arb # lib/l10n/intl_zh_Hant_CN.arb # lib/l10n/intl_zh_TW.arb # lib/main.dartmaster
30 changed files with 1251 additions and 1204 deletions
|
After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 957 B |
@ -0,0 +1,927 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_swiper/flutter_swiper.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/activity.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/store_info.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/custom_image.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
class StoreOrderListPage extends StatefulWidget { |
||||||
|
final Map arguments; |
||||||
|
final List<Activity> activitys; |
||||||
|
final StoreInfo storeInfo; |
||||||
|
final ScrollController controller; |
||||||
|
|
||||||
|
StoreOrderListPage( |
||||||
|
this.arguments, this.activitys, this.storeInfo, this.controller); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _StoreOrderListPage(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class testModel { |
||||||
|
String name; |
||||||
|
bool isSelected; |
||||||
|
|
||||||
|
testModel(String name) { |
||||||
|
this.name = name; |
||||||
|
this.isSelected = false; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _StoreOrderListPage extends State<StoreOrderListPage> { |
||||||
|
List<testModel> temperatureStoreList = [ |
||||||
|
testModel("正常冰"), |
||||||
|
testModel("少冰"), |
||||||
|
testModel("多冰"), |
||||||
|
testModel("去冰") |
||||||
|
]; |
||||||
|
List<testModel> sweetnessStoreList = [testModel("正常糖"), testModel("5分糖")]; |
||||||
|
int isSelected = 0; |
||||||
|
int isChoice = 0; |
||||||
|
int tempClickIndex = 0; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
widget.controller.addListener(() {}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Container( |
||||||
|
width: MediaQuery.of(context).size.width, |
||||||
|
height: MediaQuery.of(context).size.height, |
||||||
|
child: Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
mainAxisSize: MainAxisSize.max, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
width: 100.w, |
||||||
|
height: MediaQuery.of(context).size.height, |
||||||
|
child: ListView.builder( |
||||||
|
itemCount: 28, |
||||||
|
controller: widget.controller, |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return orderItem(position); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
width: MediaQuery.of(context).size.width - 100.w, |
||||||
|
child: ListView.builder( |
||||||
|
itemCount: 15, |
||||||
|
padding: EdgeInsets.only(top: 25, bottom: 50), |
||||||
|
// controller: widget.controller, |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return goodsItem(); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
ScrollController controller1 = ScrollController(); |
||||||
|
ScrollController controller2 = ScrollController(); |
||||||
|
|
||||||
|
Widget orderItem(int index) { |
||||||
|
return Container( |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
GestureDetector( |
||||||
|
onTap:() { |
||||||
|
setState(() { |
||||||
|
isSelected = index; |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
color: isSelected != index ? Color(0xFFFAFAFA) : Colors.white, |
||||||
|
alignment: Alignment.center, |
||||||
|
padding: EdgeInsets.all(15), |
||||||
|
child: Text( |
||||||
|
"人气推荐", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
style: TextStyle( |
||||||
|
color: isSelected != index |
||||||
|
? Color(0xFF202020) |
||||||
|
: Color(0xFF000000), |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget goodsItem() { |
||||||
|
return Container( |
||||||
|
color: Colors.white, |
||||||
|
padding: EdgeInsets.only(right: 16.w, bottom: 10, top: 10), |
||||||
|
child: Row( |
||||||
|
// mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
// crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
SizedBox(width: 12.w), |
||||||
|
Image.asset( |
||||||
|
"assets/image/default_1.png", |
||||||
|
width: 70, |
||||||
|
height: 70, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Expanded( |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"手工啵啵奶茶", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 13.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 2), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"无香精", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Text( |
||||||
|
"无香精", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 7), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"会员价", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"￥19.00", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 11.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"原价", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
fontSize: 9.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Text( |
||||||
|
"￥19.00", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
fontSize: 10.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Spacer(), |
||||||
|
true |
||||||
|
? GestureDetector( |
||||||
|
onTap: () { |
||||||
|
setState(() { |
||||||
|
showStoreSelector(); |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: RoundButton( |
||||||
|
width: 49.w, |
||||||
|
text: "选规格", |
||||||
|
textColor: Colors.white, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
radius: 11, |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
fontSize: 11.sp, |
||||||
|
padding: EdgeInsets.symmetric(vertical: 5.h), |
||||||
|
), |
||||||
|
) |
||||||
|
: InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/reduce.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
if (false) |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(left: 8, right: 8), |
||||||
|
child: Text( |
||||||
|
"1", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
if (false) |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/add.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///星店活动 |
||||||
|
Widget starGoodsItem() { |
||||||
|
return Container( |
||||||
|
child: Swiper( |
||||||
|
viewportFraction: 0.95, |
||||||
|
loop: false, |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return InkWell( |
||||||
|
onTap: () { |
||||||
|
if (widget.arguments["source"] != null && |
||||||
|
widget.arguments["source"] == widget.activitys[position].id) { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
} else { |
||||||
|
Navigator.of(context).pushNamed('/router/web_page', arguments: { |
||||||
|
"activityId": widget.activitys[position].id, |
||||||
|
"source": widget.arguments["id"] |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
margin: EdgeInsets.symmetric(horizontal: 5.w), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.circular(8), |
||||||
|
boxShadow: [ |
||||||
|
BoxShadow( |
||||||
|
color: Color(0x0D000000), |
||||||
|
offset: Offset(0, 3), |
||||||
|
blurRadius: 14, |
||||||
|
spreadRadius: 0, |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
child: Stack( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
mainAxisSize: MainAxisSize.max, |
||||||
|
children: [ |
||||||
|
MImage( |
||||||
|
(widget.activitys != null && |
||||||
|
widget.activitys.length > position) |
||||||
|
? widget.activitys[position].coverImg |
||||||
|
: "", |
||||||
|
aspectRatio: 2.2, |
||||||
|
radius: BorderRadius.vertical( |
||||||
|
top: Radius.circular(8), |
||||||
|
), |
||||||
|
fit: BoxFit.cover, |
||||||
|
errorSrc: "assets/image/default_2_1.png", |
||||||
|
fadeSrc: "assets/image/default_2_1.png", |
||||||
|
), |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.all(8), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
(widget.activitys != null && |
||||||
|
widget.activitys.length > position) |
||||||
|
? widget.activitys[position].storeName |
||||||
|
: "", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
color: Color(0xFF000000), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 4.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
(widget.activitys != null && |
||||||
|
widget.activitys.length > position) |
||||||
|
? widget.activitys[position].mainTitle |
||||||
|
: "", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
color: Color(0xFF727272), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Positioned( |
||||||
|
top: 0, |
||||||
|
right: 0, |
||||||
|
child: Container( |
||||||
|
padding: EdgeInsets.symmetric( |
||||||
|
vertical: 4.h, |
||||||
|
horizontal: 8.w, |
||||||
|
), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.black.withAlpha(76), |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
bottomLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Text( |
||||||
|
(widget.activitys != null && |
||||||
|
widget.activitys.length > position) |
||||||
|
? widget.activitys[position].startTime.split(" ")[0] |
||||||
|
: "", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
fontSize: 12.sp, |
||||||
|
color: Color(0xD9FFFFFF), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
itemCount: (widget.activitys != null && widget.activitys.length > 0) |
||||||
|
? widget.activitys.length |
||||||
|
: 0, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///选规格弹窗 |
||||||
|
showStoreSelector() { |
||||||
|
showModalBottomSheet( |
||||||
|
context: context, |
||||||
|
backgroundColor: Colors.transparent, |
||||||
|
builder: (context) { |
||||||
|
return StatefulBuilder(builder: (context1, state) { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
padding: EdgeInsets.only(top: 16, left: 16, right: 16), |
||||||
|
width: double.infinity, |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Color(0xFFFAFAFA), |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), |
||||||
|
topRight: Radius.circular(8), |
||||||
|
), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
MImage( |
||||||
|
"", |
||||||
|
width: 70, |
||||||
|
height: 70, |
||||||
|
fit: BoxFit.cover, |
||||||
|
errorSrc: "assets/image/default_1.png", |
||||||
|
fadeSrc: "assets/image/default_1.png", |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"手工啵啵奶茶", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 16.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(top: 4, bottom: 7), |
||||||
|
child: Text( |
||||||
|
"已选:正常冰", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF727272), |
||||||
|
fontSize: 11.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"会员价", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 13.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"￥19.00", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Spacer(), |
||||||
|
InkWell( |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/icon_order_cancel.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 23, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"温度", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 15, |
||||||
|
), |
||||||
|
sweetnessStore(() { |
||||||
|
state(() { |
||||||
|
for (var i = 0; i < temperatureStoreList.length; i++) { |
||||||
|
if (tempClickIndex == i) |
||||||
|
temperatureStoreList[i].isSelected = true; |
||||||
|
else |
||||||
|
temperatureStoreList[i].isSelected = false; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, temperatureStoreList), |
||||||
|
SizedBox( |
||||||
|
height: 24, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"甜度", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 15, |
||||||
|
), |
||||||
|
sweetnessStore(() { |
||||||
|
state(() { |
||||||
|
for (var i = 0; i < sweetnessStoreList.length; i++) { |
||||||
|
if (tempClickIndex == i) |
||||||
|
sweetnessStoreList[i].isSelected = true; |
||||||
|
else |
||||||
|
sweetnessStoreList[i].isSelected = false; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, sweetnessStoreList), |
||||||
|
SizedBox( |
||||||
|
height: 24, |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: Text( |
||||||
|
"数量", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
)), |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/reduce.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(left: 8, right: 8), |
||||||
|
child: Text( |
||||||
|
"1", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/add.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 24, |
||||||
|
), |
||||||
|
RoundButton( |
||||||
|
width: double.infinity, |
||||||
|
height: 54.h, |
||||||
|
text: "加入购物车", |
||||||
|
textColor: Colors.white, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
radius: 27, |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
fontSize: 16.sp, |
||||||
|
// padding: EdgeInsets.symmetric(vertical: 5.h), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
}); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget sweetnessStore(Function fc, List<testModel> arrays) { |
||||||
|
return GridView.builder( |
||||||
|
itemCount: arrays.length, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
//一行的Widget数量 |
||||||
|
crossAxisCount: 4, |
||||||
|
//水平子Widget之间间距 |
||||||
|
crossAxisSpacing: 6.w, |
||||||
|
//垂直子Widget之间间距 |
||||||
|
mainAxisSpacing: 12.w, |
||||||
|
//垂直单个子Widget之间间距 |
||||||
|
childAspectRatio: 3 / 1), |
||||||
|
itemBuilder: (contetx, index) { |
||||||
|
return GestureDetector( |
||||||
|
onTap: () { |
||||||
|
tempClickIndex = index; |
||||||
|
fc(); |
||||||
|
}, |
||||||
|
child: sweetnessItem(arrays[index].name, arrays[index].isSelected), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget sweetnessItem(String name, bool isCheck) { |
||||||
|
return Container( |
||||||
|
child: Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
RoundButton( |
||||||
|
width: 68.w, |
||||||
|
height: 29.h, |
||||||
|
text: name, |
||||||
|
textColor: !isCheck ? Color(0xFF727272) : Colors.white, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
radius: 4, |
||||||
|
backgroup: !isCheck ? Color(0xFFE5E5E5) : Color(0xFF32A060), |
||||||
|
fontSize: 12.sp, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///购物车弹窗 |
||||||
|
showShoppingCart() { |
||||||
|
showModalBottomSheet( |
||||||
|
context: context, |
||||||
|
backgroundColor: Colors.transparent, |
||||||
|
builder: (context) { |
||||||
|
return StatefulBuilder(builder: (context1, state) { |
||||||
|
return Container( |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
width: double.infinity, |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Color(0xFFFAFAFA), |
||||||
|
borderRadius: BorderRadius.only( |
||||||
|
topLeft: Radius.circular(8), topRight: Radius.circular(8)), |
||||||
|
), |
||||||
|
child: Stack( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.only(top: 16, left: 16, right: 16), |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"已选商品", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/delete.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 24.h), |
||||||
|
Expanded( |
||||||
|
child: Container( |
||||||
|
child: ListView.builder( |
||||||
|
itemCount: 10, |
||||||
|
shrinkWrap: true, |
||||||
|
// physics:NeverScrollableScrollPhysics(), |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return shoppGoodsItem(); |
||||||
|
}), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Positioned( |
||||||
|
bottom: 0, |
||||||
|
left: 0, |
||||||
|
right: 0, |
||||||
|
child: Stack( |
||||||
|
alignment: Alignment.bottomLeft, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 54.h, |
||||||
|
color: Color(0xFFFAFAFA), |
||||||
|
child: Row( |
||||||
|
// mainAxisAlignment: MainAxisAlignment.end, |
||||||
|
// crossAxisAlignment: CrossAxisAlignment.end, |
||||||
|
children: [ |
||||||
|
Spacer(), |
||||||
|
Text( |
||||||
|
S.of(context).heji, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"￥19.00", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 20.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFF32A060), |
||||||
|
), |
||||||
|
), |
||||||
|
Spacer(), |
||||||
|
RoundButton( |
||||||
|
width: 103.w, |
||||||
|
height: 54.h, |
||||||
|
text: S.current.jiesuan, |
||||||
|
textColor: Colors.white, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
fontSize: 16.sp, |
||||||
|
padding: EdgeInsets.symmetric(vertical: 5.h), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Stack( |
||||||
|
children: [ |
||||||
|
InkWell( |
||||||
|
onTap: () { |
||||||
|
setState(() { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}); |
||||||
|
}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/shop.png", |
||||||
|
width: 88, |
||||||
|
height: 88, |
||||||
|
), |
||||||
|
), |
||||||
|
Positioned( |
||||||
|
right: 15, |
||||||
|
top: 14, |
||||||
|
child: RoundButton( |
||||||
|
width: 17, |
||||||
|
height: 17, |
||||||
|
text: "1", |
||||||
|
textColor: Colors.white, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
fontSize: 12.sp, |
||||||
|
radius: 100, |
||||||
|
// padding: EdgeInsets.symmetric(vertical: 5.h), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
}); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Widget shoppGoodsItem() { |
||||||
|
return Container( |
||||||
|
padding: EdgeInsets.only(bottom: 10), |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/default_1.png", |
||||||
|
width: 60, |
||||||
|
height: 60, |
||||||
|
fit: BoxFit.cover, |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Expanded( |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"手工啵啵奶茶", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(height: 2), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"无香精", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
fontSize: 11.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox(width: 10), |
||||||
|
Text( |
||||||
|
"无香精", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
fontSize: 11.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 6), |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"会员价", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 13.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"￥19.00", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Spacer(), |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/reduce.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(left: 8, right: 8), |
||||||
|
child: Text( |
||||||
|
"1", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
InkWell( |
||||||
|
onTap: () {}, |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/add.png", |
||||||
|
width: 22, |
||||||
|
height: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue