|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
|
|
import 'package:pinball/game/game.dart';
|
|
|
|
import 'package:pinball/l10n/l10n.dart';
|
|
|
|
import 'package:pinball_components/pinball_components.dart';
|
|
|
|
|
|
|
|
/// {@template score_view}
|
|
|
|
/// [Widget] that displays the score.
|
|
|
|
/// {@endtemplate}
|
|
|
|
class ScoreView extends StatelessWidget {
|
|
|
|
/// {@macro score_view}
|
|
|
|
const ScoreView({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final isGameOver = context.select((GameBloc bloc) => bloc.state.isGameOver);
|
|
|
|
|
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.symmetric(
|
|
|
|
horizontal: 16,
|
|
|
|
vertical: 8,
|
|
|
|
),
|
|
|
|
child: AnimatedSwitcher(
|
|
|
|
duration: kThemeAnimationDuration,
|
|
|
|
child: isGameOver ? const _GameOver() : const _ScoreDisplay(),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _GameOver extends StatelessWidget {
|
|
|
|
const _GameOver({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final l10n = context.l10n;
|
|
|
|
|
|
|
|
return Text(
|
|
|
|
l10n.gameOver,
|
|
|
|
style: Theme.of(context).textTheme.headline1,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _ScoreDisplay extends StatelessWidget {
|
|
|
|
const _ScoreDisplay({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final l10n = context.l10n;
|
|
|
|
|
|
|
|
return Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
l10n.score.toLowerCase(),
|
|
|
|
style: Theme.of(context).textTheme.subtitle1,
|
|
|
|
),
|
|
|
|
const _ScoreText(),
|
|
|
|
const RoundCountDisplay(),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _ScoreText extends StatelessWidget {
|
|
|
|
const _ScoreText({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final score = context.select((GameBloc bloc) => bloc.state.displayScore);
|
|
|
|
|
|
|
|
return Text(
|
|
|
|
score.formatScore(),
|
|
|
|
style: Theme.of(context).textTheme.headline1,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|