RhythmBox/lib/screens/about.dart

import 'package:flutter/material.dart';
import 'package:package_info_plus/package_info_plus.dart';
import 'package:rhythm_box/platform.dart';
import 'package:url_launcher/url_launcher_string.dart';

class AboutScreen extends StatelessWidget {
  const AboutScreen({super.key});

  @override
  Widget build(BuildContext context) {
    const denseButtonStyle =
        ButtonStyle(visualDensity: VisualDensity(vertical: -4));

    return Scaffold(
      backgroundColor: Theme.of(context).colorScheme.surface,
      appBar: AppBar(
        title: const Text('About'),
      ),
      body: SizedBox(
        width: double.infinity,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ClipRRect(
              borderRadius: const BorderRadius.all(Radius.circular(16)),
              child: Image.asset('assets/icon.png', width: 120, height: 120),
            ),
            const SizedBox(height: 8),
            Text(
              PlatformInfo.isIOS || PlatformInfo.isMacOS
                  ? 'GroovyBox'
                  : 'RhythmBox',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            const Text(
              'Yet another Spotify third-party app',
              style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
            ),
            const SizedBox(height: 8),
            FutureBuilder(
              future: PackageInfo.fromPlatform(),
              builder: (context, snapshot) {
                if (!snapshot.hasData) {
                  return const SizedBox();
                }

                return Text(
                  'v${snapshot.data!.version} · ${snapshot.data!.buildNumber}',
                  style: const TextStyle(fontFamily: 'monospace'),
                );
              },
            ),
            Text('Copyright © ${DateTime.now().year} Solsynth LLC'),
            const SizedBox(height: 16),
            TextButton(
              style: denseButtonStyle,
              child: const Text('App Details'),
              onPressed: () async {
                final info = await PackageInfo.fromPlatform();

                showAboutDialog(
                  context: context,
                  applicationVersion: '${info.version} (${info.buildNumber})',
                  applicationLegalese: 'Yet another Spotify third-party app.',
                  applicationIcon: ClipRRect(
                    borderRadius: const BorderRadius.all(Radius.circular(16)),
                    child:
                        Image.asset('assets/icon.png', width: 60, height: 60),
                  ),
                );
              },
            ),
            TextButton(
              style: denseButtonStyle,
              child: const Text('Project Website'),
              onPressed: () {
                launchUrlString('https://solsynth.dev/products/rhythm-box');
              },
            ),
            const SizedBox(height: 16),
            const Text(
              'Open-sourced under AGPLv3',
              style: TextStyle(
                fontWeight: FontWeight.w300,
                fontSize: 12,
              ),
            ),
          ],
        ),
      ),
    );
  }
}