lyrics-grabbr/lib/lyrics.dart

import 'package:flutter/material.dart';
import 'package:web_scraper/web_scraper.dart';

class LyricsPage extends StatefulWidget {
  const LyricsPage({
    Key? key,
    required this.title,
    required this.artist,
    required this.url,
  }) : super(key: key);

  final String title;
  final String artist;
  final String url;

  @override
  State<StatefulWidget> createState() => _LyricsPageState();
}

class _LyricsPageState extends State<LyricsPage> {
  bool fetching = false;
  String? lyrics;
  bool instrumental = false;

  @override
  void initState() {
    super.initState();
    initPlatformState();
  }

  Future<void> initPlatformState() async {
    setState(() => fetching = true);

    final webScraper = WebScraper('https://genius.com');

    String path = widget.url.split('genius.com/')[1];
    String fullLyrics = '';
    if (await webScraper.loadWebPage('/$path?react=1')) {
      webScraper
          .loadFromString(webScraper.getPageContent().replaceAll('<br>', '\n'));
      var element = webScraper
          .getElement("div[data-lyrics-container]", ['data-lyrics-container']);
      for (var section in element) {
        fullLyrics += section['title'] + '\n';
      }
      setState(() {
        lyrics = fullLyrics;
        instrumental = fullLyrics.isEmpty;
        fetching = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              widget.title,
              style: const TextStyle(
                fontWeight: FontWeight.bold,
              ),
            ),
            Text(
              widget.artist,
              style: const TextStyle(
                fontSize: 13,
              ),
            ),
          ],
        ),
      ),
      body: Center(
        child: fetching
            ? const Column(
                children: [
                  Expanded(
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [CircularProgressIndicator(value: null)],
                    ),
                  ),
                ],
              )
            : instrumental
                ? const Center(
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Icon(Icons.music_note, size: 50),
                        SizedBox(width: 20, height: 20),
                        Text(
                          'This Song is an Instrumental',
                          style: TextStyle(
                            fontSize: 20,
                            fontStyle: FontStyle.italic,
                          ),
                        ),
                      ],
                    ),
                  )
                : SizedBox(
                    width: MediaQuery.of(context).size.width,
                    child: SingleChildScrollView(
                      child: Container(
                        padding: const EdgeInsets.all(30),
                        child: SelectableText(
                          lyrics ?? '',
                          style: const TextStyle(
                            fontSize: 16,
                          ),
                        ),
                      ),
                    ),
                  ),
      ),
    );
  }
}