liangchengyou / wow_english

  import 'dart:io';
  

  import 'package:flutter/cupertino.dart';

  import 'package:flutter/material.dart';

  import 'package:flutter/services.dart';

  import 'package:flutter_app_update/azhon_app_update.dart';
  import 'package:flutter_app_update/update_model.dart';

  import 'package:flutter_bloc/flutter_bloc.dart';

  import 'package:limiting_direction_csx/limiting_direction_csx.dart';

  import 'package:url_launcher/url_launcher.dart';

  import 'package:wow_english/common/core/app_config_helper.dart';

  import 'package:wow_english/common/core/app_consts.dart';

  import 'package:wow_english/common/extension/string_extension.dart';

  import 'package:wow_english/models/app_version_entity.dart';

  import 'package:wow_english/models/popup_entity.dart';
  import 'package:wow_english/pages/home/PopupType.dart';

  import 'package:wow_english/pages/home/state.dart';
  import 'package:wow_english/pages/home/widgets/BaseHomeHeaderWidget.dart';

  import 'package:wow_english/pages/home/widgets/ShakeImage.dart';

  import 'package:wow_english/pages/user/bloc/user_bloc.dart';

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

  import '../../common/core/user_util.dart';
  import '../../common/dialogs/show_dialog.dart';

  import '../../common/utils/click_with_music_controller.dart';

  import '../../common/widgets/ow_image_widget.dart';

  import 'bloc.dart';
  import 'event.dart';
  import 'package:flutter_screenutil/flutter_screenutil.dart';
  import 'package:wow_english/route/route.dart';
  

  class HomePage extends StatelessWidget {
    const HomePage({super.key});

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

        create: (BuildContext context) => HomeBloc()
          ..add(InitEvent())
          ..add(ExchangeSuccessEvent()),

        child: Builder(builder: (context) => _HomePageView()),
      );
    }
  }
  
  class _HomePageView extends StatelessWidget {
    @override
    Widget build(BuildContext context) {

      return MultiBlocListener(listeners: [

        BlocListener<UserBloc, UserState>(listener: (context, state) {}),

        BlocListener<HomeBloc, HomeState>(

          listener: (context, state) {

            if (state is UpdateDialogState) {

              _showUpdateDialog(
                  context, state.forceUpdate, state.appVersionEntity);

            } else if (state is PopupDialogState) {
              _showPopupDialog(context, state.popupEntity);

            }
          },

        ),
      ], child: _homeView());

    }
  

    Widget _homeView() =>

        BlocBuilder<HomeBloc, HomeState>(builder: (context, state) {
          final bloc = BlocProvider.of<HomeBloc>(context);

          final clickController = ClickWithMusicController.instance;

          return Scaffold(
            body: Container(
              color: Colors.white,
              child: Column(
                children: [
                  BaseHomeHeaderWidget(

                      callBack: (value) async => {
                            await AudioPlayerUtil.getInstance()

                                .playAudio(AudioPlayerUtilType.touch),

                            bloc.exchangeResult = value['exchange'],
                            bloc.add(ExchangeSuccessEvent())
                          }),
                  Expanded(
                    child: Center(
                      child: Row(
                        children: [
                          Expanded(
                            child: GestureDetector(
                              onTap: () {

                                _checkPermission(() async {

                                  await clickController.playMusicAndPerformAction(

                                      context, AudioPlayerUtilType.classTime,
                                      () async {
                                    pushNamed(AppRouteName.courseUnit)
                                        .then((value) => {

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

                                              if (value != null)
                                                {
                                                  bloc.exchangeResult =
                                                      value['exchange'],
                                                  bloc.add(ExchangeSuccessEvent())
                                                }
                                            });
                                  });

                                }, bloc);
                              },
                              child: Column(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  Stack(
                                      alignment: AlignmentDirectional.center,
                                      children: [
                                        Image.asset('bg_frame_module'.assetPng,
                                            width: 162.5.w, height: 203.5.h),
                                        Center(
                                          child: Image.asset(
                                              'pic_module_study'.assetPng,
                                              width: 140.5.w,
                                              height: 172.h),
                                        )
                                      ]),
                                  10.verticalSpace,
                                  Image.asset('label_module_study'.assetPng,
                                      width: 124.w, height: 34.h),
                                ],
                              ),
                            ),
                          ),

                          BlocBuilder<UserBloc, UserState>(
                              builder: (context, userState) {
                            return GestureDetector(
                                onTap: () {

                                  _checkPermission(() async {
                                    await AudioPlayerUtil.getInstance().pause();
                                    if (Platform.isIOS) {
                                      await LimitingDirectionCsx
                                          .setScreenDirection(
                                              DeviceDirectionMask.Portrait);
                                    } else {
                                      await SystemChrome
                                          .setPreferredOrientations([
                                        DeviceOrientation.portraitUp,
                                        DeviceOrientation.portraitDown
                                      ]);
                                    }
                                    Navigator.of(context).pushNamed(
                                        AppRouteName.webView,
                                        arguments: {
                                          'urlStr': AppConsts.xiaoeShopUrl,
                                          'webViewTitle': 'Wow精选'
                                        }).then((value) async => {
                                          if (Platform.isIOS)
                                            {
                                              await LimitingDirectionCsx
                                                  .setScreenDirection(
                                                      DeviceDirectionMask
                                                          .Landscape),
                                            }
                                          else
                                            {
                                              await SystemChrome
                                                  .setPreferredOrientations([
                                                DeviceOrientation.landscapeLeft,
                                                DeviceOrientation.landscapeRight
                                              ]),

                                            },

                                          await AudioPlayerUtil.getInstance()
                                              .playAudio(
                                                  AudioPlayerUtilType.touch),
                                        });
                                  }, bloc);

                                },
                                child: Offstage(
                                  offstage: AppConfigHelper.shouldHidePay() ||
                                      !UserUtil.isLogined(),

                                  child: const ShakeImage(),

                                ));
                          }),

                          Expanded(
                            child: BlocBuilder<UserBloc, UserState>(
                                builder: (context, userState) {
                              return GestureDetector(
                                  onTap: () {

                                    _checkPermission(() async {

                                      await clickController
                                          .playMusicAndPerformAction(context,
                                              AudioPlayerUtilType.gameTime,
                                              () async {

                                        pushNamed(AppRouteName.games)
                                            .then((value) => {
                                                  AudioPlayerUtil.getInstance()
                                                      .playAudio(
                                                          AudioPlayerUtilType
                                                              .touch),
                                                });
                                      });

                                    }, bloc);

                                  },
                                  child: Column(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      Stack(
                                          alignment: AlignmentDirectional.center,
                                          children: [
                                            Image.asset(
                                                'bg_frame_module'.assetPng,

                                                width: 162.5.w,
                                                height: 203.5.h),
                                            Image.asset(
                                                'pic_module_game'.assetPng,
                                                width: 140.5.w,
                                                height: 172.h)

                                          ]),
                                      10.verticalSpace,

                                      Image.asset('label_module_game'.assetPng,

                                          width: 124.w, height: 34.h),
                                    ],

                                  ));
                            }),

                          ),

                        ],
                      ),
                    ),
                  )
                ],
              ),
            ),
          );
        });

    _checkPermission(VoidCallback onAllowed, HomeBloc bloc) {

      if (UserUtil.isLogined()) {
        if (AppConfigHelper.shouldHidePay()) {
          onAllowed();
        } else {
          if (UserUtil.hasPermission()) {
            onAllowed();
          } else {

            showTwoActionDialog('提示', '忽略', '去续费', '您的课程已到期，请快快续费继续学习吧！',
                leftTap: () {
              popPage();
            }, rightTap: () {
              popPage();
              pushNamed(AppRouteName.shop).then((value) {

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

                if (value != null) {
                  bloc.exchangeResult = value['exchange'];
                  bloc.add(ExchangeSuccessEvent());
                }
              });
            });

          }
        }
      } else {
        //如果没登录先登录
        pushNamed(AppRouteName.login);
      }
    }
  

    ///Flutter侧处理升级对话框
    ///[forcedUpgrade] 是否强制升级
    _showUpdateDialog(BuildContext context, bool forcedUpgrade,

        AppVersionEntity appVersionEntity) {

      showDialog(
        context: context,
        // 当我们点击除开对话框内容以外的区域是否关闭对话需用用到barrierDismissible参数 . 这个参数默认值是true ,但不能为null .
        barrierDismissible: !forcedUpgrade,
        builder: (BuildContext context) {
          return WillPopScope(
            onWillPop: () => Future.value(!forcedUpgrade),
            child: AlertDialog(
              title: const Text('发现新版本'),

              content: Text(appVersionEntity.remark ?? '修复了一些已知问题'),

              actions: <Widget>[
                TextButton(
                  child: Text(forcedUpgrade ? '退出' : '取消'),

                  onPressed: () => {
                    if (forcedUpgrade)
                      {AppConfigHelper.exitApp()}
                    else
                      {Navigator.of(context).pop()}

                  },
                ),
                TextButton(
                  child: const Text('升级'),
                  onPressed: () async {

                    if (AppConfigHelper.isIosPlatform()) {

                      _launchAppStore("6450870731");
                      return;
                    }

                    final String? apkUrl = appVersionEntity.packageUrl;

                    if (apkUrl == null || apkUrl.isEmpty) {
                      return;
                    }
                    UpdateModel model = UpdateModel(
                      apkUrl,
                      "wowenglish.apk",
                      "ic_launcher",
                      '',
                    );

                    AzhonAppUpdate.update(model)
                        .then((value) => debugPrint('$value'));

                    if (!forcedUpgrade) {
                      Navigator.of(context).pop();
                    }
                  },
                ),
              ],

            ),
          );

        },
      );
    }
  
    void _launchAppStore(String appId) async {
      final String url = 'https://apps.apple.com/cn/app/wow-english/id$appId';
      if (await canLaunchUrl(Uri.parse(url))) {
        await launchUrl(Uri.parse(url));
      } else {
        throw 'Could not launch $url';
      }
    }

  
    ///popup对话框
    void _showPopupDialog(BuildContext context, PopupEntity popupEntity) {

      if (popupEntity.imageUrl.isEmpty) {

        return;
      }
      showDialog(
        context: context,
        barrierDismissible: false,
        builder: (BuildContext context) {
          return Dialog(
            backgroundColor: Colors.transparent,
            child: Stack(
              alignment: Alignment.topRight,
              children: [
                // 图片内容区域
                ClipRRect(
                  borderRadius: BorderRadius.circular(16), // 可选：圆角
                  child: GestureDetector(
                    onTap: () {
                      if (popupEntity.actionType == PopupType.h5.name &&
                          popupEntity.actionValue.isNotEmpty) {
                        Navigator.of(context).pop();
                        Navigator.of(context).pushNamed(AppRouteName.webView,
                            arguments: {'urlStr': popupEntity.actionValue});
                      }
                    },
                    child: OwImageWidget(
                        height: MediaQuery.of(context).size.height * 0.8,

                        name: popupEntity.imageUrl,

                        fit: BoxFit.fitHeight),
                  ),
                ),
                Positioned(
                  top: 0,
                  right: 0,
                  child: IconButton(

                    icon: const Icon(
                      Icons.close,
                      color: Colors.white,
                      opticalSize: 2,
                      shadows: [Shadow(color: Colors.black, blurRadius: 24)],
                    ),

                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                  ),
                ),
              ],
              // 图片宽度和高度是屏幕高度的80%，右上角有一个关闭按钮，点击关闭按钮关闭对话框，图片水平居中，高度在按钮垂直方向下方
            ),
          );
        },
      );
    }

  }