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/pages/unit/state.dart';

  import 'package:wow_english/pages/unit/widget/course_unit_item.dart';

  import 'package:wow_english/pages/unit/widget/home_tab_header_widget.dart';

  import 'package:wow_english/route/route.dart';

  import 'package:wow_english/utils/audio_player_util.dart';

  
  import '../../models/course_module_entity.dart';
  import '../../models/course_unit_entity.dart';
  import '../../utils/toast_util.dart';
  import 'bloc.dart';
  import 'event.dart';
  

  // 课程（单元）列表页（多unit，参考口语星球的框或分割标志）

  class UnitPage extends StatelessWidget {

    const UnitPage({super.key, this.courseModuleEntity});

  
    /// 模块

    final CourseModuleEntity? courseModuleEntity;

  
    @override
    Widget build(BuildContext context) {
      return BlocProvider(

        create: (BuildContext context) => UnitBloc(courseModuleEntity)

          ..add(UnitInitEvent())

          ..add(RequestUnitDataEvent(courseModuleEntity?.id)),

        child: Builder(builder: (context) => _buildPage(context)),
      );
    }
  
    Widget _buildPage(BuildContext context) {
      return BlocBuilder<UnitBloc, UnitState>(builder: (context, state) {
        final bloc = BlocProvider.of<UnitBloc>(context);
        return Scaffold(
          body: Container(
            color: Colors.white,
            child: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [

                  HomeTabHeaderWidget(
                    courseModuleCode: bloc.getCourseModuleCode(),

                    onBack: () {

                      AudioPlayerUtil.getInstance()
                          .playAudio(AudioPlayerUtilType.touch);

                      popPage(data: {'exchange': bloc.exchangeResult});
                    },

                    actionTap: (HeaderActionType type) {
                      bloc.headerActionEvent(type);
                    },
                  ),

                  Expanded(

                    child: Container(
                        margin: EdgeInsets.symmetric(horizontal: 12.w),
                        child: ListView.builder(
                            itemCount:
                                bloc.unitData?.courseUnitVOList?.length ?? 0,
                            scrollDirection: Axis.horizontal,
                            itemBuilder: (BuildContext context, int index) {
                              CourseUnitDetail? data =
                                  bloc.unitData?.courseUnitVOList?[index];
                              return GestureDetector(
                                onTap: () {
                                  if (data.lock == true) {

                                    showToast('当前单元课程暂未解锁');

                                    return;
                                  }

                                  AudioPlayerUtil.getInstance().pause();

                                  pushNamed(AppRouteName.courseSection,
                                      arguments: {
                                        'courseUnitEntity': bloc.unitData,

                                        'courseUnitId': data.id

                                      }).then((value) {

                                    AudioPlayerUtil.getInstance()
                                        .playAudio(AudioPlayerUtilType.inMyTummy);

                                    if (value != null) {

                                      Map<String, dynamic> dataMap =
                                          value as Map<String, dynamic>;

                                      bool needRefresh = dataMap['needRefresh'];
                                      if (needRefresh) {

                                        bloc.add(RequestUnitDataEvent(
                                            courseModuleEntity?.id));

                                      }
                                    }
                                  });

                                },
                                child: CourseUnitItem(
                                  unitEntity: bloc.unitData!,
                                  unitLesson: data!,
                                ),
                              );
                            })),
                  ),

                  SafeArea(
                    child: Column(
                      children: [
                        6.verticalSpace,
                      ],
                    ),
                  )
                ],
              ),
            ),
          ),
        );
      });
    }
  }