liangchengyou / wow_english

  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);

                    }),

              ),

            ),
          );
        });
  }