Easiest Steps To Build An Online Radio App With Flutter

Hello everyone, It’s always a privilege to help you improve your tech skillset through my write-ups and tutelage.

In this article, you are going to learn the easiest way to build a radio app for an online radio station called “IndieXL”

IndieXL is a Netherland-based online music radio station for song lovers who want to listen to the latest Indie and Alternative music from anywhere in the world.

You are going to use their web address to connect to your flutter app in other to build an online radio app.

The image below is what your app will look like at the end of this article.

radio.jpg

So, let’s jump in.

STEP 1:

You can create a flutter application using Visual Studio, IntelliJ or Android studio.

If you have Android Studio installed on your computer, click on File>>New>>New Flutter Project

Select “Flutter Application” and click on “Next”

Enter the project name, for the sake of this article, your project name will be called “online_radio”.

Then click on “Next”

Enter the Company domain and click on “Finish”

STEP 2:

Open “pubspec.yaml”, and install flutter_radio package. dependencies:

dependencies:
    flutter_radio: ^0.1.7

STEP 3:

Open your main.dart file, and modify your source code to look like this image below:

carbon (1).png

STEP 4:

Add your online radio URL below the _MyAppState class

carbon (2).png

STEP 5:

You are going to implement the play and pause functionality in your app.

carbon.png

The complete code is below:

Run your app on your smartphone or emulator.

radio.jpg

Congratulations!! you have built an online radio app using Flutter.

P.S: Here is the source code for the project you just worked on.

If you found this article helpful and educating, please hit the like button and also share it with your friends.

To get my latest updates and happenings from the world of Flutter, and mobile development, follow me on Twitter, Facebook, Linkedin, and Github.

Thank you for your kind words and messages during my short absence on Medium, I deeply appreciate and do not take it for granted.

My name is Promise Amadi. I am a writer and Flutter Developer. I work with startups across the globe to build mobile solutions using Flutter.

Comments (2)

onoja arome's photo

Amazing piece. 👍🏾👍🏾

Promise Amadi's photo

Flutter Developer | Speaker | Workshop Presenter

onoja arome

Thank you so much