Xylophone flutter - A simple xylophone app made audioplayers package in flutter

Overview

App Brewery Banner

Xylophone 🎹

Our Goal

In this tutorial we will be diving into more Dart programming concepts such as lists, loops, functions and much much more. By the end of this modules, you should be conformable using Flutter packages and building repeated widgets.

What you will create

We’re going to make a music app that plays Xylophone sounds. For every Beethoven out there, this will let you unleash your musical talent where ever you are.

Finished App

What you will learn

  • How to incorporate open source libraries of code into your project using Flutter Packages.
  • How to play sound on both iOS and Android.
  • How to generate repeated user interface Widgets.
  • How to use Dart functions that can take input arguments as well as return an output.
  • What is the difference between var, const and final in Dart.
  • How to use Dart lists.
  • How to loop through code using a Dart for loop.
You might also like...

A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter.

A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter.

Calculator A Simple but elegant Calculator app made with Flutter using Google's Material Design with Currency (Exchange Rate) and Unit Converter. Down

Dec 7, 2022

A small app to manager simple transactions made in a shop (selling, buying, register handling..etc).

A small app to manager simple transactions made in a shop (selling, buying, register handling..etc).

Shop Manager Flutter A small app to manager simple transactions made in a shop (selling, buying, register handling..etc). Screenshot: Features: Detail

Dec 31, 2022

A token auction website made by Flutter thats interacts with Ethereum web3 through flutter_web3 package.

A token auction website made by Flutter thats interacts with Ethereum web3 through flutter_web3 package.

flutter_web3_auction A token auction website made by Flutter thats interacts with Ethereum web3 through flutter_web3 package. This flutter web package

Dec 26, 2022

Open source Flutter package, bar indicator made of a series of selected and unselected steps

Open source Flutter package, bar indicator made of a series of selected and unselected steps

Step Progress Indicator Open source Flutter package, bar indicator made of a series of selected and unselected steps. Made by Sandro Maglione, check o

Dec 15, 2022

A simple BMI calculator made in Flutter

imc_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

May 29, 2022

This project aims to provide a simple and customizable Review Page interaction made with Flutter.

This project aims to provide a simple and customizable Review Page interaction made with Flutter.

Review Page Interaction This project aims to provide a simple and customizable Review Page interaction made with Flutter. Check it out on Béhance (htt

Mar 29, 2022

A simple pair game made with Flutter, a custom library, BLoC and tunnel pattern.

A simple pair game made with Flutter, a custom library, BLoC and tunnel pattern.

Pair game A simple pair game created with Flutter. Article on Medium here: https://medium.com/@frmineoapps/a-simple-pair-game-made-with-flutter-a-cust

Jun 28, 2022

Simple File Explorer made with Flutter(WIP)

Simple File Explorer made with Flutter(WIP)

FileX (WIP) A simple File Explorer(Still very buggy) made with Flutter. To download apk: Tap on the button below(it will take you to another page) Scr

Dec 29, 2022

A Simple Login page made with flutter web

A Simple Login page made with flutter web

😁 LoginPage A very simple Login Page made with Flutter Web. Inspired by This Uplabs Post 📸 ScreenShots ✨ Requirements Any Operating System (ie. MacO

Nov 29, 2022
Owner
Joel Nickson
Pythonista | Web Developer | Student
Joel Nickson
A simple web API to generate images from a url, made using shelf package.

Webshot API Yet another simple webshot API but written in dart and built using Shelf library to generate images from url. This is really useful for li

wrench 15 Oct 19, 2022
Lottie-package-example-Flutter - A simple example about lottie package in Flutter

Lottie Package example - Flutter ScreenShot ⚠️ Essential Packages lottie: ^1.2.1

AmirHossein Bayat 3 Dec 7, 2022
This is the UI of Furniture App made using Flutter SDK. The original design was made by someone else in dribble and I tried to create the screens of that UI using Flutter

Furniture App - Responsive Flutter UI Watch it on YouTube Responsive UI Fetch Data From API Custom Loading Indicator Packages we are using: flutter_sv

null 6 Dec 3, 2022
Flutter ToDo App - A simple ToDo App made with Flutter and Hive

Flutter ToDo App A simple ToDo App made with Flutter and Hive. ✨ Features Create,Delete,Update tasks. Create Subtasks. Star important Tasks. ?? Screen

null 3 Aug 4, 2022
Simple & Beautiful App (Tool) made in Flutter to Download Media from YouTube. Based on the original SongTube App repository.

songtube A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

SongTube 11 Dec 18, 2022
A simple flutter app that downloads a file from the internet, shows a custom-made download progress dialog and saves the file to device's internal storage

http_downloader A simple flutter app that downloads a file from the internet using the http plugin. It has a custom-designed progress dialog which dis

Akora Ing. Debrah Kwesi Buabeng 4 Apr 6, 2021
Simple Calculator app made with flutter

Simple Calculator : Easy & Fast ?? Screenshots ?? Flutter Tutorial All Flutter Tutorials plus additional Code and shorter posts can be found on the Of

Sagar Shende 38 Aug 11, 2022
Simple & Beautiful App (Tool) made in Flutter to Download Media from YouTube

SongTube is a new beautiful and fast application made in flutter, it supports YouTube audio and video downloading at any quality, In-App YouTube Brows

SongTube 805 Dec 30, 2022
CovidApp - A simple and minimal UI design COVID APP made with Flutter

covid_app A simple and minimal UI design COVID APP made with Flutter UI

Mohammed Thalha 0 Feb 5, 2022
A simple currency converter app made with Flutter

Currency Checking App A simple currency converter app made with Flutter <3. WEB DEMO Table of Contents: General Info How to install Technologies Used

Russ 3 Jul 30, 2022