mobileCyberGamesApp/lib/widget/Competition.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:wanna_battle/styles/colors.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(
        margin: EdgeInsets.fromLTRB(15, 7, 15, 7),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Stack(
              overflow: Overflow.visible,
              children: <Widget>[
                AspectRatio(
                  aspectRatio: 345 / 150,
                  child: CachedNetworkImage(
                    imageUrl: competitionInfo.pic,
                    fit: BoxFit.cover,
                  ),
                ),
                Align(
                  alignment: Alignment.topLeft,
                  child: Image.asset('images/home_icon_vip.png'),
                ),
                Positioned(
                  right: 10,
                  top: -2,
                  width: 52,
                  height: 35,
                  child: GestureDetector(
                    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);
                        },
                      ),
                    ),
                    onTap: () {
                      Navigator.push(context, CupertinoPageRoute(builder: (context) => CompetitionRank(competitionId: competitionInfo.id)));
                    },
                  ),
                ),
              ],
            ),
            Container(
              height: 36,
              color: PRIMARY_COLOR,
              child: Center(
                child: Text(
                  '进入',
                  style: TextStyle(color: Colors.white, fontSize: 14),
                ),
              ),
            )
          ],
        ),
      ),
      onTap: () {
        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)));
      },
    );
  }
}