Soundnote app 2016 how to#
Soundnote app 2016 code#

Functions are created when certain statements are repeatedly occurring in the program and a function is created to replace them.

Soundnote app 2016 code#

So let's create the function named playSound which got the code for creating the object of the AudioCache class and from that object we are accessing the play function offered by that class.įunction is a set of statements that take inputs, do some specific computation and produces output. Now as you can see that we have many repeated lines of code so we can reduce it make our code look better and cleaner by creating a function which can be used instead of repeating the same line of code again and again. Also we not going to change the variable player so we are making it as final which prevents the variable modification.Īlso, one more thing that as you can see that we are directly mentioning the audio file name without folder name that is due to audioplayer package consider that audio files are stored inside the asset folder.Īs you can see that buttons are not covering the whole screen which can be taken care By adding the single line inside the Column widget we can make those buttons to stretch to the end of the screen that isĬrossAxisAlignment: CrossAxisAlignment.stretch by adding this line the buttons are made stretch horizontally to cover the whole screen (So simple right 😎 think of the time we saved from writing all those codes which we had to write make the audio player if didn't have this package.). Import 'package:audioplayers/audio_cache.dart' import 'package:flutter/material.dart' void main ( ) Ĭreates an object for AudioCache class which has the code for the locally stored audio files and then through the object we are accessing the method which helps us in playing the audio. So let's use the audioplayer package in our project.

Soundnote app 2016 how to#

Once you pick your package now let's open that package and read the documentation which explains us about the package like how to install, Examples of use cases, etc.īy following the Installation steps mentioned in the documentation. In result, we might get many packages with almost similar implementation out of which we have to pick the package which is best suited for the project still if you find multiple packages fulfilling your requirement then check the package pub points and popularity so that you will be using the package which has the best solution and which are frequently used by the other developers😉. Once we are on the website now let's search for the audio player package which we want to play the sound when we click on the button. So let's go to the flutter package which holds all the list of the packages which we can use in our project. To import package first we need to find the package which suits our need. So to make that audio play we are going to use the package which is already created by other developers so can we don't have to create our own custom code to make the audio player for our App. Now as I told we need to play a tone which each of the buttons is clicked. ( I will display the code after I explain about the Importing packages)

So Now let's 7 buttons with a different colour so we can distinguish each of them. The button reacts to touches by filling with the style's ButtonStyle.backgroundColor. The label's Text and Icon widgets are displayed in the style's ButtonStyle.foregroundColor. Avoid using text buttons where they would blend in with other content, for example in the middle of lists.Ī text button is a labelled child displayed on a (zero elevation) Material widget.

In dialogues and cards, they should be grouped in one of the bottom corners. Text buttons do not have visible borders and must therefore rely on their position relative to other content for context. Use text buttons on toolbars, in dialogues, or inline with other content but offset from that content with padding so that the button's presence is obvious. Also, the FlatButton is Now replaced By TextButton Widget Now let's create a FlatButton widget which provides us with a button without any elevation. This provides us with a pitch Black background app without any app bar. Enter fullscreen mode Exit fullscreen mode