Ionic 4 Spotify Style Template
  • Introduction
  • Ionic 4 Music App and PWA Template
  • Why to use this Template
  • Initial Setup
  • Running the app
  • Template Features
    • Screens
      • Welcome, Login, Signup
      • Home, Album, Playlist
      • Music Player, Add songs
      • Settings
      • Search
      • User Library
      • Premium User
    • Features
  • How to use this Template
    • Two ways to use
    • Modifying Code
    • Removing a Page
    • Removing a plugin
    • Integrating Back-end
    • Add More Features
  • Build the App & PWA
    • Building App on Device
    • Deploying app as PWA
  • Extra
    • Troubleshooting
    • FAQs
Powered by GitBook
On this page
  • Tabs
  • Mini Music Player
  • Nested Segment Navigation
  • Device Compatibility

Was this helpful?

  1. Template Features

Features

PreviousPremium UserNextTwo ways to use

Last updated 5 years ago

Was this helpful?

Tabs

Tabs can be accessed after the successful login or signup process. Maximum of the pages in the app can be navigated from the tabs.

Tabs are placed at the bottom of every page.

Mini Music Player

Mini Music Player is present in almost all screens on the bottom of the screen. It shows the currently playing song, and a play / pause button depending on whether the song is playing or paused.

Clicking on Mini Music Player takes you to Music player page.

Nested Segment Navigation

The app contains nested navigation of segments and Tabs. The app contains a tab-bar which is the parent.

Your Library is the second level of segment nesting.

Device Compatibility

As mentioned earlier , the app is written in Ionic 4 and angular language. This allows a single source code to create both iOS and Android apps.

This template has been tested in all latest Android versions and major devices.

This template has also been tested in all latest versions of iPhones, including iPhone X.