The tech world is evolving at an increasing pace as new technologies rise and fall. If you’ve been paying attention to the mobile development scene, you probably came across one handy technology called Flutter.

Flutter is an open-source mobile SDK developer can use to build native-looking Android and iOS applications from the same code base. Flutter has been around since 2015 when Google introduced it and remained in the beta stage before its official launch in December 2018. Since then, the buzz around Flutter has been growing stronger.

The central idea behind Flutter is the use of widgets. It’s by combining different widgets that developers can build the entire UI. Flutter also provides developers with reactive-style views. To avoid performance issues deriving from using a compiled programming language to serve as the JavaScript bridge, Flutter uses Dart. It compiles Dart ahead of time (AOT) into the native code for multiple platforms. Dart comes with a repository of software packages for extending the capabilities of apps.

Flutter is gaining a lot of traction among mobile developers because of hot reload. Hot reload allows to instantly view the changes applied to the code on emulators, simulators, and hardware. The changed code is reloaded in less than a second. All the while, the app is running and developers don’t need to waste time on restarting it. That makes building UIs, adding new features, and fixing bugs easier.

So here is my first media player app build on flutter framework which plays audio and video files from the assets. For this we first need to install some packages in dependencies section of pubspec.yaml file to use these packages.

Also we need to create a assets folder and place all the assets in that and specify its path in assets section of pubspec.yaml file.

The main.dart file imports two packages, one is material.dart package which will provide material design created by Google to help teams build high-quality digital experiences. And the second is home.dart which is the home page of the app.

home.dart

audio.dart

video.dart

Here is my GitHub repository for the code and app look.

Any suggestions and feedback will be appreciated.

Thank you.

Devops Enthusiast