pinball/lib/game/view/widgets/score_view.dart

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.status.isGameOver);

    return Padding(
      padding: const EdgeInsets.only(
        left: 12,
        top: 2,
        bottom: 2,
      ),
      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 Row(
      children: [
        FittedBox(
          child: 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,
    );
  }
}