88 lines
2.6 KiB
Dart
88 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
import 'package:mobiles_labs_5th_semester/domain/models/game.dart';
|
||
import '../../data/repositories/games_repository.dart';
|
||
import 'bloc/bloc.dart';
|
||
import 'bloc/event.dart';
|
||
import 'bloc/state.dart';
|
||
|
||
class DetailsPage extends StatelessWidget {
|
||
final int gameId;
|
||
|
||
const DetailsPage(this.gameId, {super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BlocProvider(
|
||
create: (context) {
|
||
final bloc = GameDetailsBloc(GamesRepository());
|
||
bloc.add(LoadGameDetailsEvent(gameId: gameId));
|
||
return bloc;
|
||
},
|
||
child: Scaffold(
|
||
backgroundColor: const Color.fromARGB(255, 46, 65, 80),
|
||
appBar: AppBar(
|
||
backgroundColor: const Color.fromARGB(255, 56, 90, 128),
|
||
iconTheme: const IconThemeData(color: Colors.white),
|
||
),
|
||
body: const Body(),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
|
||
class Body extends StatelessWidget {
|
||
const Body({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BlocBuilder<GameDetailsBloc, GameDetailsState>(
|
||
builder: (context, state) {
|
||
if (state.gameData == null) {
|
||
return const Center(child: CircularProgressIndicator());
|
||
}
|
||
final gameData = state.gameData!;
|
||
return SingleChildScrollView(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Column(
|
||
children: [
|
||
SizedBox(
|
||
height: 220,
|
||
width: MediaQuery.of(context).size.width,
|
||
child: Image.network(
|
||
gameData.image ?? '',
|
||
fit: BoxFit.fill,
|
||
errorBuilder: (_, __, ___) => const Placeholder(),
|
||
),
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 12.0, bottom: 12.0),
|
||
child: Text(
|
||
gameData.name ?? '',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 40,
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
Text(
|
||
gameData.description ?? 'У игры нет описания',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
),
|
||
softWrap: true,
|
||
textAlign: TextAlign.justify,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
} |