SteamCloudGame/lib/tools/home_page.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:game/network/NetworkConfig.dart';
import 'package:game/tools/shop/shop_page.dart';
import 'package:lottie/lottie.dart';

import '../beans/game_token_bean.dart';
import '../beans/queue_bean.dart';
import '../beans/reconnect_bean.dart';
import '../common/EventBusUtil.dart';
import '../common/Global.dart';
import '../common/func.dart';
import '../dialog/line_up_dialog.dart';
import '../dialog/reconnect_dialog.dart';
import 'game/game_page.dart';
import 'home/my_home_page.dart';
import 'home_model.dart';
import 'me/my_page.dart';

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

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
  final pageController = PageController();

  GlobalKey<LineUpDialogState> lineUpDialogKey = GlobalKey();

  List<StatefulWidget> bodyList = [MyHomePage(), GamePage(), ShopPage(), MyPage()];

  int currentIndex = 0;
  late StreamSubscription<StartGames> _startGamesEvent;

  late StreamSubscription subscription;
  final HomeModel _viewModel = HomeModel();
  late Timer _timer;
  late BuildContext lineUpContext;

  late ReconnectBean reconnectBean;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();

    ///eventBus
    ///启动游戏
    _startGamesEvent = EventBusUtil.listen((event) {
      if (NetworkConfig.token == "") {
        Navigator.pushNamed(context, "/LoginPage");
        return;
      }
      FunctionUtil.loading();
      NetworkConfig.gameId = event.gameId;
      _viewModel.playGame(event.gameId);
    });

    subscription = _viewModel.streamController.stream.listen((event) {
      String code = event['code'];
      if (code.isNotEmpty) {
        switch (code) {
          case "getToken":
            GameTokenBean gameTokenBean = event['data'];
            Map<String, dynamic> gameMap = {
              "gameToken": gameTokenBean.token,
              "BsUrl": NetworkConfig.configBean?.bsUrl,
              "channelId": NetworkConfig.configBean?.channelId,
              "userToken": NetworkConfig.token,
              "signKey": NetworkConfig.signKey,
            };

            ///传值初始化游戏token
            invokeNativeMethod("initData", gameMap);
            _viewModel.getMyScList();
            break;

          ///启动游戏
          case "playGame":
            EasyLoading.dismiss();
            Map<String, dynamic> gameMap = {
              "gameId": event['gameId'],
              "playGameData": "${event['data']}",
              "isReconPlay": "false",
            };
            invokeNativeMethod("playGame", gameMap);
            break;

          ///游戏错误
          case "gameError":
            EasyLoading.showToast("网络异常,请稍后再试");
            _viewModel.cancelQueue(event['gameId']);
            break;

          ///线路不足游戏开始排队
          case "gameQueue":
            QueueBean queueBean = event['data'];
            String gameId = event['gameId'];
            // FunctionUtil.bottomNoSheetDialog(
            //     context,
            //     LineUpDialog(
            //       lineUpDialogKey,
            //       num: queueBean.queue_pos!,
            //       onTap: () {
            //         _viewModel.cancelQueue(gameId);
            //         // lineUpDialogKey.currentState?.setNum(3);
            //       },
            //     ));

            showDialog(
                context: context,
                barrierDismissible: false,
                builder: (BuildContext context) {
                  lineUpContext = context;
                  return LineUpDialog(
                    lineUpDialogKey,
                    num: queueBean.queue_pos!,
                    onTap: () {
                      _timer.cancel();
                      _viewModel.cancelQueue(gameId);
                    },
                  );
                });

            //调用排队
            _timer = Timer.periodic(const Duration(milliseconds: 5000), (as) {
              print("playGameQueue");
              _viewModel.playGameQueue(NetworkConfig.gameId);
            });
            break;

          ///游戏排队队列
          case "playGameQueue":
            QueueBean queueBean = event['data'];

            lineUpDialogKey.currentState?.setNum(queueBean.queue_pos);

            break;

          case "cancelQueue":
            _timer.cancel();
            break;

          ///排队成功 开始游戏
          case "gameQueueSuccess":
            Navigator.pop(lineUpContext);
            _timer.cancel();
            _viewModel.playGame(NetworkConfig.gameId);
            break;

          ///可重连游戏
          case "getMyScList":
            reconnectBean = event['data'];

            ///重连弹窗
            FunctionUtil.popDialog2(
                context,
                ReconnectDialog(
                  reconnectBean: reconnectBean,
                  onTap: (gameId, type) {
                    if (type == 1) {
                      FunctionUtil.loading();
                      _viewModel.reconPlayGame(gameId);
                    } else {
                      _viewModel.exitPlayGame(gameId);
                    }
                  },
                ));
            break;

          ///重连游戏
          case "reconPlayGame":
            EasyLoading.dismiss();
            Map<String, dynamic> gameMap = {
              "gameId": event['gameId'],
              "playGameData": "${event['data']}",
              "isReconPlay": "true",
            };
            invokeNativeMethod("playGame", gameMap);
            break;

          case "reconPlayGameError":
            EasyLoading.showToast(event['data']);
            break;
        }
      }
    });
    _viewModel.getToken();
  }

  @override
  void dispose() {
    // TODO: implement dispose
    _startGamesEvent.cancel();
    subscription.cancel();
    super.dispose();
  }

  void onPageChanged(int index) {
    // streamSink.add(index);
    if (NetworkConfig.token == "") {
      Navigator.pushNamed(context, "/LoginPage");
      return;
    }
    setState(() {
      currentIndex = index;
    });
    pageController.jumpToPage(index);
  }

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    final h74 = size.width / 4.864864864864865;
    return Scaffold(
      backgroundColor: Color(0xFF17181A),
      body: Stack(
        children: [
          PageView(
            controller: pageController,
            // onPageChanged: onPageChanged,
            children: bodyList,
            physics: NeverScrollableScrollPhysics(), // 禁止滑动
          )
        ],
      ),
      bottomNavigationBar: BottomAppBar(
        elevation: 0,
        height: h74,
        color: const Color(0xFF171B23),
        child: bottomItem(context),
      ),
    );
  }

  ///底部导航item
  bottomItem(context) {
    final size = MediaQuery.of(context).size;
    final w47 = size.width / 7.659574468085106;
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        GestureDetector(
          onTap: () {
            onPageChanged(0);
          },
          child: Stack(
            children: [
              currentIndex == 0
                  ? SizedBox(
                      width: w47,
                      height: w47,
                      child: Lottie.asset(
                        'assets/animation/an_home.json',
                        repeat: false,
                      ),
                    )
                  : Container(
                      margin: const EdgeInsets.only(top: 5),
                      child: Image(
                        width: w47,
                        height: w47,
                        image: const AssetImage('assets/images/ic_home.png'),
                      ))
            ],
          ),
        ),
        GestureDetector(
          onTap: () {
            onPageChanged(1);
          },
          child: Stack(
            children: [
              currentIndex == 1
                  ? SizedBox(
                      width: w47,
                      height: w47,
                      child: Lottie.asset(
                        'assets/animation/an_game.json',
                        repeat: false,
                      ),
                    )
                  : Container(
                      margin: const EdgeInsets.only(top: 5),
                      child: Image(width: w47, height: w47, image: const AssetImage('assets/images/ic_game.png')),
                    )
            ],
          ),
        ),
        GestureDetector(
          onTap: () {
            onPageChanged(2);
          },
          child: Stack(
            children: [
              currentIndex == 2
                  ? SizedBox(
                      width: w47,
                      height: w47,
                      child: Lottie.asset(
                        'assets/animation/an_shop.json',
                        repeat: false,
                      ),
                    )
                  : Container(
                      margin: const EdgeInsets.only(top: 5),
                      child: Image(width: w47, height: w47, image: const AssetImage('assets/images/ic_shop.png')),
                    )
            ],
          ),
        ),
        GestureDetector(
          onTap: () {
            onPageChanged(3);
          },
          child: Stack(
            children: [
              currentIndex == 3
                  ? SizedBox(
                      width: w47,
                      height: w47,
                      child: Lottie.asset(
                        'assets/animation/an_me.json',
                        repeat: false,
                      ),
                    )
                  : Container(
                      margin: const EdgeInsets.only(top: 5),
                      child: Image(
                        width: w47,
                        height: w47,
                        image: const AssetImage('assets/images/ic_me.png'),
                      ),
                    )
            ],
          ),
        ),
      ],
    );
  }
}

// 获取原生的值
invokeNativeMethod(String method, Map<String, dynamic> map) async {
  dynamic args;
  try {
    args = await Global.method.invokeMethod(method, map);
  } on PlatformException catch (e) {}
}