Android：使用 Flutter 包创建 Xylophone 应用程序

什么是 Flutter 包？

这些是其他 Flutter 和 dart 开发人员提供的包，用于简化应用程序的构建，而无需从头开始开发所有内容。包使开发人员能够轻松、流畅地制作应用程序，而不是对其进行原始编码。向所有让我们轻松开发应用程序的 Flutter 和 Dart 开发人员致敬。

作为 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);@overrideWidget 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，迎娶白富美，走上人生巅峰！！

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

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，需要一份小编整理出来的学习资料的关注我主页或者点击文末卡片免费领取~

这里是关于我自己的Android 学习，面试文档，视频收集大整理，有兴趣的伙伴们可以看看~

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

Android：使用 Flutter 包创建 Xylophone 应用程序相关推荐

java项目包创建顺序_java程序初始化的顺序
来自:http://blog.csdn.net/socoolfj/article/details/750425 http://www.cnblogs.com/miniwiki/archive/20 ...
oracle 内置程序包，建立程序包的方法，程序包中使用游标，常用程序包
文章目录 1. 程序包 1.1 程序包定义 1.2 程序包创建 1.3 程序包中的游标 1.4 有关程序包的信息 2. 内置程序包 3. DBMS_JOB包 4. UTL_FILE包 1. 程序包 1 ...
【Flutter】开发 Flutter 包和插件 ( Flutter 包和插件简介 | 创建 Flutter 插件 | 创建 Dart 包 )
文章目录一.Flutter 包和插件简介二.创建 Flutter 插件 1.Android Studio 中可视化创建 2.命令行创建三.创建 Dart 包 1.Android Studio 中 ...
【Flutter】创建 Flutter 项目 ( Android Studio 创建并运行 Flutter 应用 | 命令行创建并运行 Flutter 应用 | 运行 Flutter 应用三种方式 )
文章目录一.Android Studio 中创建 Flutter 项目二.命令行创建 Flutter 项目三.通过命令行方式运行 Flutter 项目四.通过 Android Studio 可 ...
【Flutter】Flutter 应用创建运行 ( Android Studio 创建 / 运行 Flutter 应用 | 命令行创建 / 运行 Flutter 应用 )
文章目录一.Android Studio 中创建 Flutter 应用二. Android Studio 中运行 Flutter 应用三. 命令行中创建 Flutter 应用四.命令行中运 ...
Android编程示例：创建机场计划模拟器应用程序
在本文中,我们将演示如何使用Android Studio和Java编程语言创建一个示例Android应用程序,从"临时"实现高级响应用户界面的功能.本文中讨论的应用程序将实现机场航 ...
如何在Android模拟器上安装和卸载APK程序包
如何在Android模拟器上安装和卸载APK程序包 Android, 程序包, APK, 卸载, 模拟一,安装APK 安装APK当然首先是要有模拟器,和要安装的APK包,这个不多废 ...
node.js 程序_如何不使用外部程序包创建Node.js Web应用程序
node.js 程序 by Abhinav Pandey 通过Abhinav Pandey 如何不使用外部程序包创建Node.js Web应用程序 (How to create a Node.js w ...
创建ros的程序包--3
创建ros的程序包(原创博文,转载请标明出处--周学伟http://www.cnblogs.com/zxouxuewei/) 1.一个catkin程序包由什么组成? 一个程序包要想称为catkin程序 ...
ROS工作空间和程序包创建
预备工作后面操作中我们将会用到ros-tutorials程序包,请先安装: $ sudo apt-get install ros-<distro>-ros-tutorials 将 < ...

Android：使用 Flutter 包创建 Xylophone 应用程序

什么是 Flutter 包？

现在

Android：使用 Flutter 包创建 Xylophone 应用程序相关推荐

最新文章

热门文章