Flutter Task-1






Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web and desktop from a single codebase.

Main features of Flutter Framework:
1. Fast development
2. Expressive and Flexible UI
3. Native Performance

Prerequisties:
1. Flutter SDK installed
2. Android SDK installed
3. VS Code(IDE)
4. Android device or AVD

Task1: Flutter App Development‼️
1.Create a flutter app.
2. Use assets (eg. audios and videos).
3. App will have to play this audios and videos from Assets.
4. Also add Features to play audio and video from Internet(Network).
5. Create buttons like play, pause and stop for audio and video both.

lets get Started
I will make a Media Player which is capable of playing audios and videos from the internet,
Step 1:
First using command line I will create flutter app
cmd: flutter create <app_name>




Step 2:
Open vs code
Slect the folder then open the main.dart file and remove all the existing code. so that we will build the app from scratch. Here we will use Material Design Language. 

Android Studio's Sdk's are not enough for our app, so I have installed the packages from "pub.dev" Go to pub.dev, search for the  Packages you required, update it in the pubspec.yml file

 

we can use the cmd: flutter pub get 

After this restart the IDE so as to load the package.



Step 3:

Create a home.dart file inside the lib folder 

we will create two buttons, one for the music and other for the videos. When someone will click the the button it will automatically navigate to the the page of their choice and enjoy the Media Player.



Step 4:

Now we will create music.dart and video.dart






Now we are ready to run our code and here are the Screenshots of the app

Click on the music button and this page will open and we can play the audio.

Click on the video button and this will open and we can watch the video.


Demo vedio of my App

 


Code is in Github: https://github.com/sabacs12/Flutter-app/tree/master/task1

So here I sucessfully completed my first flutter task assigned by our mentor Vimal Daga sir
Thank you Vimal sir for such a great training. You are really an amazing mentor. Thank you sir for guiding me and all the students associated with linux world.

Comments

Post a Comment

Popular posts from this blog

HYBRID MULTI-CLOUD TASK-4

Image
Hello everyone!! Now I want to share the detail of  task-4 assigned by our mentor, Vimal Daga sir. All thanks to Vimal sir for giving the right education and mentoring me.  Here I completed my task-4: discription of task-4: Perform task-3 with an additional feature to be added that is NAT Gateway to provide the internet access to instances running in the private subnet. Performing the following steps: 1.  Write an Infrastructure as code using terraform, which automatically create a VPC. 2.  In that VPC we have to create 2 subnets:     1.   public  subnet [ Accessible for Public World! ]      2.   private subnet [ Restricted for Public World! ] 3. Create a public facing internet gateway for connect our VPC/Network to the internet world and attach this gateway to our VPC. 4. Create  a routing table for Internet gateway so that instance can connect to outside world, update and associate it with public subnet. 5....
Read more

Launching Web-app through Terraform

Image
THIS IS MY FIRST TASK OF HYBRID MULTI_CLOUD COMPUTING UNDER THE MENTORSHIP OF SIR VIMAL DAGA I have joined the linux-world to study hybrid multi-cloud. It has been now 12 days in this training and I feel overwhelmed for being the part of this training   we were assigned the first task by our mentor, sir Vimal Daga . And I successfully completed this task. Amazon Web service (Aws): Amazon web service is a platform that offers flexible, reliable, scalable, easy-to-use and cost-effective cloud computing solutions. This was the task assigned by Vimal Daga sir Task 1 : Have to create/launch Application using Terraform 1. Create the key and security group which allow the port 80. 2. Launch EC2 instance. 3. In this Ec2 instance use the key and security group which we have created in step 1. 4. Launch one Volume (EBS) and mount that volume into /var/www/html 5. Developer have uploded the code into github repo also the repo has some images. 6. Copy the github repo code into /var/www/ht...
Read more