This Flutter app demonstrates creating custom widgets. (Audio Player with Custom Widget)
We are going to use simple basic widgets to create a custom widget. This is called composition We can create a package of this & reuse this custom widget in any project that we want.
The widget that we have in this project is as shown below:
- Container: all the simple widgets will be inside a container
- Icon: play/pause button
- Text: current time of the track
- Slider: the audio track bar
- Text: the total time of the track
- Row: all the widgets are inside a row widget.
You can checkout the app face from the screenshot here.
This is a simple app with just one audio track. Purpose is to demonstrate how to create custom widget. Features implemented:
- View Model
- Widget Composition
- Basic flutter widget
packages used:
Audio Player: https://pub.dev/packages/audioplayers
Stacked: https://pub.dev/packages/stacked
Make sure you have the latest versions of the package. Feel free to fork changes(if any).
Once you are done, sit back and enjoy one of the best Indian musics :)
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
Tutorial reference for this app.