shop_home_page.dart
2.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/we_app_bar.dart';
import 'package:wow_english/pages/shop/home/widgets/product_item.dart';
import 'package:wow_english/route/route.dart';
import 'package:wow_english/utils/toast_util.dart';
import 'bloc/shop_home_bloc.dart';
class ShopHomePage extends StatelessWidget {
const ShopHomePage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (context) => ShopHomeBloc()..add(RequestDataEvent()),
child: _ShopHomeView(),
);
}
}
class _ShopHomeView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocListener<ShopHomeBloc, ShopHomeState>(
listener: (context, state) {},
child: _shopHomeWidget(),
);
}
Widget _shopHomeWidget() =>
BlocBuilder<ShopHomeBloc, ShopHomeState>(builder: (context, state) {
final bloc = BlocProvider.of<ShopHomeBloc>(context);
return Scaffold(
appBar: WEAppBar(
actions: [
IconButton(
icon: Image.asset(
'check_lesson'.assetPng,
width: 40,
height: 40,
),
color: Colors.white,
onPressed: () {
Navigator.of(context).pushNamed(AppRouteName.exLesson);
},
),
IconButton(
icon: Image.asset(
'shop'.assetPng,
width: 40,
height: 40,
),
color: Colors.white,
onPressed: () {
showToast('购前须知');
},
)
],
),
body: Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 24.h, horizontal: 24.w),
child: GridView.builder(
itemCount: bloc.productDatas.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 2,
mainAxisSpacing: 16.h,
crossAxisSpacing: 12.w,
),
itemBuilder: (BuildContext context, int index) {
final productEntity = bloc.productDatas[index];
return ProductItem(onTap: () {
pushNamed(AppRouteName.pay, arguments: productEntity);
}, entity: productEntity);
}),
),
),
);
});
}