使专辑插图变得扑朔迷离

Question

我正在尝试创建一个音乐应用程序。我设法获取了所有歌曲列表，但我似乎无法从歌曲元数据中获取专辑封面。为此，我正在使用 flutter_audio_query: ^0.3.5+6 插件。我无法使用 songs[index].albumArtwork 获取艺术品。它总是 returns null 而不是图像路径。我的代码有什么问题？

这是我的代码

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:flutter_audio_query/flutter_audio_query.dart';

class HomePage extends StatefulWidget {
  const HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final FlutterAudioQuery audioQuery = FlutterAudioQuery();
  List<SongInfo> songs = [];

  @override
  void initState() {
    super.initState();
    checkPermission();
    getAllSongs();
  }

  Future<void> getAllSongs() async {
    songs = await audioQuery.getSongs();
  }

  Future<void> checkPermission() async {
    if (await Permission.storage.request().isGranted) {
      setState(() {});
    } else {
      _showDialog();
    }
  }

  void _showDialog() async {
    return showDialog<void>(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('Warning'),
          content: SingleChildScrollView(
            child: ListBody(
              children: const <Widget>[
                Text('The app needs storage permission in order to work'),
              ],
            ),
          ),
          actions: <Widget>[
            TextButton(
              child: const Text('OK'),
              onPressed: () async {
                Navigator.of(context).pop();
                await checkPermission();
              },
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF3C3C3C),
      appBar: AppBar(
        elevation: 0.0,
        centerTitle: true,
        toolbarHeight: 64.0,
        leading: Icon(
          Icons.music_note_rounded,
        ),
        actions: [
          IconButton(
            onPressed: () {},
            icon: Icon(Icons.search_rounded),
          ),
        ],
        backgroundColor: Colors.transparent,
        title: Text(
          "All Songs",
          style: GoogleFonts.expletusSans(
            fontWeight: FontWeight.bold,
          ),
        ),
      ),
      body: ListView.builder(
        itemCount: songs.length,
        itemBuilder: (context, index) {
          return ListTile(
            leading: Image.asset(
              songs[index].albumArtwork != null
                  ? songs[index].albumArtwork
                  : "assets/placeholder.png",
            ),
            title: Text(songs[index].title),
            subtitle: Text(songs[index].artist),
          );
        },
      ),
    );
  }
}

Answer 1

有时 albumArtwork 会 return 一个空值。在这种情况下，您需要使用 [FlutterAudioQuery().getArtwork()].

Documentation

使用ResourceType.ALBUM获取专辑图片，ResourceType.SONG获取歌曲图片。

示例：

 // check if artistArtPath isn't available.

 (song.artwork == null)

    ? FutureBuilder<Uint8List>(
      future: audioQuery.getArtwork(
        type: ResourceType.SONG, id: song.id),
        builder: (_, snapshot) {
          if (snapshot.data == null)
            return Container(
              height: 250.0,
              child: Center(
                child: CircularProgressIndicator(),
              ),
            );
            
            return CardItemWidget(
              height: 250.0,
              title: artist.name,
              // The image bytes
              // You can use Image.memory widget constructor 
              // or MemoryImage image provider class to load image from bytes
              // or a different approach.
              rawImage: snapshot.data,
            );
          }) :
          // or you can load image from File path if available.
          Image.file( File( artist.artistArtPath ) )

使专辑插图变得扑朔迷离

Getting Album Artwork in flutter

android

flutter

flutter-audio-query