zayngdev / weekly_flutter_challenge_5_music_player_ui

weekly_flutter_challenge_5_music_player_ui

Challenge summary:

This challenge is about recreating Kazi Mohammed Erfan's Music Player UI design. The goal is to recreate the design and interactions as closely as possible. The application should be functional by the end of the challenge.

Things that I have learned during the development of this challenge app:

1. Audioplayers package.
2. Duration class.
3. Dart's null aware operators.
4. RadialGradient.
5. SweepGradient.
6. Alignment class used for RadialGradient configuration.
7. AnimatedIcon widget.
8. Gained better knowledge of Canvas class.
9. Learned more about Paint class.
10. IgnorePointer & AbsorbPointer widgets.
11. ClipRect widget.
12. Streams: StreamController, StreamSubscription and StreamBuilder classes, more info here.
13. ScrollController.
14. Better understanding of initState and didChangeDependencies methods.

Original design

Challenge result - click GIF to see video

Youtube link

https://youtu.be/xGqUwP1Hkd0

Music used in application:

http://ccmixter.org/files/Lav/60292 https://freemusicarchive.org/music/The_Kyoto_Connection/Wake_Up_1957/09_Hachiko_The_Faithtful_Dog http://ccmixter.org/files/Loveshadow/59858