作为 Flutter 学习进度的一部分，我决定使用音频播放器包制作一个 Xylophone应用程序。

这个包使我们能够从我们的应用程序中播放声音。首先是在项目文件中创建一个资产文件夹。这个文件夹包含我们想要在我们的应用程序中播放的声音。此文件夹必须在 pubspec.yaml 文件的资产条目中指定。可以从pub.dev下载一个颤振包。

这是所有颤振包上传和下载的地方。

在网站上，我不得不搜索音频播放器的包名称。选择包时，您必须查看不同的指标，例如名称、人气分数、喜欢以及发布时间。使用所有这些将使您选择一个好的包来开发您的应用程序。

要在颤振代码中使用包，您必须复制名称并将其作为依赖项添加到 pubspec.yaml 中。复制后，我们确保版本号前面有一个插入符号 (^)，以使用 Pub 中的最新包，只要该更新不会破坏我的应用程序中的任何内容。在此之后，我们现在执行 pub get 以使包在我们项目的包文件夹中可用。

现在

首先我们做必要的，导入材料和音频播放器包。

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

接下来是 Void main，由于没有状态变化，这将是一个无状态应用程序，如下所示。

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

现在构建小部件将包含该项目的主要代码

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(

为了实现木琴的外观，我使用了带有主轴对齐的列小部件以均匀分布。这使该列的子项能够在屏幕的安全区域中等距分布。

home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.green.shade900,
          title: const Center(child: Text('XYLOPHONE')),
        ),
        body: SafeArea(
          child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                Expanded(
                  child: TextButton(
                    onPressed: () {
                      final player = AudioCache();
                      player.play('a3.mp3');
                    },
                    child: Container(
                      height: 100.0,
                      width: double.infinity,
                      color: Colors.red,
                    ),
                  ),
                ),

TextButton 用作列的子级，以使用户能够按下并获得反馈。这里的反馈是来自 assets 文件夹的声音。每个 textbutton 都包含在 Expanded 小部件中，以允许按钮包含可用空间，如上所示。

这是应用程序的样子：

如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！