import 'package:flutter/material.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:pikapi/basic/Entities.dart'; import 'package:pikapi/basic/Method.dart'; import 'package:pikapi/screens/components/ContentError.dart'; import 'package:pikapi/screens/components/ContentLoading.dart'; import 'package:pikapi/screens/components/Images.dart'; import 'GameDownloadScreen.dart'; import 'components/GameTitleCard.dart'; // 游戏详情 class GameInfoScreen extends StatefulWidget { final String gameId; const GameInfoScreen(this.gameId); @override State createState() => _GameInfoScreenState(); } class _GameInfoScreenState extends State { late var _future = method.game(widget.gameId); @override Widget build(BuildContext context) { return FutureBuilder( future: _future, builder: (BuildContext context, AsyncSnapshot snapshot) { if (snapshot.hasError) { return Scaffold( appBar: AppBar( title: Text('加载出错'), ), body: ContentError( error: snapshot.error, stackTrace: snapshot.stackTrace, onRefresh: () async { setState(() { _future = method.game(widget.gameId); }); }), ); } if (snapshot.connectionState != ConnectionState.done) { return Scaffold( appBar: AppBar( title: Text('加载中'), ), body: ContentLoading(label: '加载中'), ); } BorderRadius iconRadius = BorderRadius.all(Radius.circular(6)); double screenShootMargin = 10; double screenShootHeight = 200; double platformMargin = 10; double platformSize = 25; TextStyle descriptionStyle = TextStyle(); return LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) { var info = snapshot.data!; return Scaffold( appBar: AppBar( title: Text(info.title), ), body: ListView( children: [ GameTitleCard(info), Container( height: platformSize, margin: EdgeInsets.only(bottom: platformMargin), child: ListView( padding: EdgeInsets.only( left: platformMargin, right: platformMargin, ), scrollDirection: Axis.horizontal, children: [ ...info.android ? [ Container( width: platformMargin, ), SvgPicture.asset( 'lib/assets/android.svg', fit: BoxFit.contain, width: platformSize, height: platformSize, color: Colors.green.shade500, ), ] : [], ...info.ios ? [ Container( width: platformMargin, ), SvgPicture.asset( 'lib/assets/apple.svg', fit: BoxFit.contain, width: platformSize, height: platformSize, color: Colors.grey.shade500, ), ] : [], ], ), ), Container( margin: EdgeInsets.only( top: screenShootMargin, bottom: screenShootMargin, ), height: screenShootHeight, child: ListView( padding: EdgeInsets.only( left: screenShootMargin, right: screenShootMargin, ), scrollDirection: Axis.horizontal, children: info.screenshots .map((e) => Container( margin: EdgeInsets.only( left: screenShootMargin, right: screenShootMargin, ), child: ClipRRect( borderRadius: iconRadius, child: RemoteImage( height: screenShootHeight, fileServer: e.fileServer, path: e.path, ), ), )) .toList(), ), ), Container( padding: EdgeInsets.all(20), child: Text(info.description, style: descriptionStyle), ), Container( color: Colors.grey.shade500.withOpacity(.1), child: MaterialButton( onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => GameDownloadScreen(info)), ); }, child: Container( padding: EdgeInsets.all(30), child: Text('下载'), ), ), ), ], ), ); }, ); }, ); } }