mobileCyberGamesApp/lib/widget/Competition.dart

import 'package:flutter_redux/flutter_redux.dart';
import 'package:intl/intl.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:gradient_text/gradient_text.dart';
import 'package:ttdj_plugin/ttdj_plugin.dart';
import 'package:wanna_battle/model/UserInfo.dart';
import 'package:wanna_battle/net/HttpManager.dart';
import 'package:wanna_battle/redux/AppState.dart';
import 'package:wanna_battle/redux/UserRedux.dart';
import 'package:wanna_battle/styles/colors.dart';
import 'package:wanna_battle/styles/totast.dart';
import 'package:wanna_battle/widget/Dialog.dart';
import '../pages/CompetitionRank.dart';
import '../model/CompetitionInfo.dart';
import '../pages/CompetitionRooms.dart';

class Competition extends StatelessWidget {
  final CompetitionInfo competitionInfo;

  const Competition(this.competitionInfo, {Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      child: Container(
        decoration: BoxDecoration(borderRadius: BorderRadius.circular(4)),
        margin: EdgeInsets.only(left: 15, right: 15, bottom: 15),
        child: AspectRatio(
          aspectRatio: 345 / 186,
          child: ClipRRect(
            borderRadius: BorderRadius.circular(4),
            child: Stack(
              children: <Widget>[
                AspectRatio(
                  aspectRatio: 345 / 186,
                  child: CachedNetworkImage(
                    imageUrl: competitionInfo.pic,
                    fit: BoxFit.cover,
                  ),
                ),
                AspectRatio(
                  aspectRatio: 345 / 136,
                  child: Container(
                    decoration: BoxDecoration(
                        gradient: LinearGradient(
                      colors: [Color(0xff000000).withAlpha(128), Color(0xff000000).withAlpha(0)],
                      begin: Alignment.topCenter,
                      end: Alignment.bottomCenter,
                    )),
                  ),
                ),
                Align(
                  alignment: Alignment.topLeft,
                  child: Container(
                    margin: EdgeInsets.only(top: 13, left: 15),
                    child: Row(
                      children: <Widget>[
                        Text(
                          competitionInfo.competitionName,
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 18,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        Container(
                          height: 20,
                          margin: EdgeInsets.only(left: 6),
                          decoration: BoxDecoration(borderRadius: BorderRadius.circular(2), color: Colors.white),
                          padding: EdgeInsets.only(left: 4, right: 4),
                          child: GestureDetector(
                            child: Center(
                              child: Text(
                                competitionInfo.participatingInfo?.rank != null ? ('第' + competitionInfo.participatingInfo.rank.toString() + '名') : '未上榜',
                                style: TextStyle(
                                  color: Color(0xff19213B),
                                  fontSize: 12,
                                ),
                              ),
                            ),
                            onTap: () {
                              Navigator.push(context, CupertinoPageRoute(builder: (context) => CompetitionRank(competitionId: competitionInfo.id)));
                            },
                          ),
                        )
                      ],
                    ),
                  ),
                ),
                Align(
                  alignment: Alignment.topLeft,
                  child: Container(
                    margin: EdgeInsets.only(top: 44, left: 15),
                    child: Text(
                      readTimestamp(competitionInfo.startTime, 'yyyy.MM.dd') + '-' + readTimestamp(competitionInfo.endTime, 'yyyy.MM.dd'),
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 12,
                      ),
                    ),
                  ),
                ),
                Align(
                  alignment: Alignment.topLeft,
                  child: Container(
                    decoration: BoxDecoration(border: Border.all(width: 1, color: Colors.white)),
                    padding: EdgeInsets.only(left: 2, right: 2),
                    margin: EdgeInsets.only(top: 82, left: 15),
                    child: Text(
                      '赛事奖励',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 12,
                      ),
                    ),
                  ),
                ),
                Align(
                  alignment: Alignment.bottomLeft,
                  child: Container(
                    margin: EdgeInsets.only(left: 15, bottom: 12),
                    child: Row(
                      children: competitionInfo.awardPic.split(',').map<Widget>((f) {
                        return Container(
                          width: 60,
                          height: 60,
                          margin: EdgeInsets.only(right: 5),
                          decoration: BoxDecoration(borderRadius: BorderRadius.circular(2), color: Colors.transparent),
                          child: CachedNetworkImage(
                            imageUrl: f,
                            fit: BoxFit.contain,
                          ),
                        );
                      }).toList(),
                    ),
                  ),
                ),
                Align(
                  alignment: Alignment.bottomRight,
                  child: Container(
                    margin: EdgeInsets.only(bottom: 12),
                    child: Image.asset(competitionInfo.type == 2 ? 'images/icon_kaishi_vip.png' : 'images/icon_kaishi_putong.png'),
                  ),
                )
              ],
            ),
          ),
        ),
      ),
      onTap: () async {
        if (competitionInfo.type == 2) {
          Toast.show(context, '加载中', -1, 'loading');
          final res = await HttpManager.get('userInfo/getUserInfo');
          Toast.hide();
          UserInfo userInfo = UserInfo.fromJson(res.data);
          StoreProvider.of<AppState>(context).dispatch(UpdateUserAction(userInfo));
          if (!userInfo.isVip) {
            showCustomDialog(context, '此赛事仅限会员才可以加入哦\n是否立即成为会员？', isCancel: true, onsubmit: () {
              TtdjPlugin.init(userInfo.ttdjId, userInfo.token);
              TtdjPlugin.gotoVipPage();
            });
          } else {
            Navigator.push(context, CupertinoPageRoute(builder: (context) => CompetitionRooms(competitionInfo)));
          }
        } else {
          Navigator.push(context, CupertinoPageRoute(builder: (context) => CompetitionRooms(competitionInfo)));
        }
      },
    );
  }
}

class CompetitionOld extends StatelessWidget {
  final CompetitionInfo competitionInfo;

  CompetitionOld(this.competitionInfo);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      child: Container(
        color: Color(0xFF293354),
        height: 80,
        margin: EdgeInsets.fromLTRB(15, 7, 15, 7),
        child: Stack(
          overflow: Overflow.visible,
          children: <Widget>[
            Center(
              child: Row(
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.only(left: 8),
                    child: Image.asset(
                      'images/game.png',
                      width: 64,
                      height: 64,
                    ),
                  ),
                  Expanded(
                    child: Container(
                      margin: EdgeInsets.only(left: 10),
                      height: 64,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          Text(
                            competitionInfo.competitionName,
                            style: TextStyle(fontSize: 14, color: Colors.white),
                          ),
                          Expanded(
                            child: GradientText(
                                '¥' + competitionInfo.bonus.toString().replaceAllMapped(RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))'), (Match m) => '${m[1]},'),
                                gradient: LinearGradient(
                                  colors: [Color(0xFFFFC84B), Color(0xFFA26A23)],
                                  begin: Alignment.topCenter,
                                  end: Alignment.bottomCenter,
                                ),
                                style: TextStyle(fontSize: 20),
                                textAlign: TextAlign.center),
                          ),
                          Text(
                            '比赛时间' +
                                DateFormat('yyyy.MM.dd').format(DateTime.fromMicrosecondsSinceEpoch(competitionInfo.startTime * 1000)) +
                                '-' +
                                DateFormat('yyyy.MM.dd').format(DateTime.fromMicrosecondsSinceEpoch(competitionInfo.endTime * 1000)),
                            style: TextStyle(
                              color: Color(0xFF9A9CA2),
                              fontSize: 11,
                            ),
                          )
                        ],
                      ),
                    ),
                  )
                ],
              ),
            ),
            Positioned(
              right: 0,
              top: 0,
              bottom: 0,
              child: Image.asset('images/icon_jinru.png'),
            ),
            Positioned(
              right: 0,
              top: 0,
              bottom: 0,
              child: Container(
                width: 50,
                height: 80,
                child: Center(
                  child: Text(
                    '进入',
                    style: TextStyle(fontSize: 15, color: Colors.white),
                  ),
                ),
              ),
            ),
            Positioned(
              right: 60,
              top: -2,
              width: 52,
              height: 35,
              child: Container(
                transform: Matrix4.translationValues(0.0, -2.0, 0.0),
                child: Builder(
                  builder: (context) {
                    var src = 'images/icon_paimingno.png';
                    if (competitionInfo.participatingInfo != null && competitionInfo.participatingInfo.rank > 0) {
                      if (competitionInfo.participatingInfo.rank == 1) {
                        src = 'images/icon_paiming01.png';
                      } else if (competitionInfo.participatingInfo.rank == 2) {
                        src = 'images/icon_paiming02.png';
                      } else if (competitionInfo.participatingInfo.rank == 3) {
                        src = 'images/icon_paiming03.png';
                      } else {
                        return Stack(
                          children: <Widget>[
                            Image.asset('images/icon_paiming0000.png'),
                            Align(
                              alignment: Alignment.topCenter,
                              child: Container(
                                margin: EdgeInsets.only(top: 10),
                                child: Text(
                                  competitionInfo.participatingInfo.rank.toString(),
                                  style: TextStyle(
                                    fontSize: 16,
                                    fontWeight: FontWeight.bold,
                                    color: Colors.white,
                                  ),
                                ),
                              ),
                            ),
                          ],
                        );
                      }
                    }
                    return Image.asset(src);
                  },
                ),
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Opacity(
                opacity: competitionInfo.type == 2 ? 1.0 : 0,
                child: Image.asset(
                  'images/home_icon_vip.png',
                  width: 28,
                  height: 24,
                ),
              ),
            )
          ],
        ),
      ),
      onTap: () {
        Navigator.push(context, CupertinoPageRoute(builder: (context) => CompetitionRooms(competitionInfo)));
      },
    );
  }
}