Flutter Challenges

Short, yet interesting challenges that will help gradually master Flutter.

Thank you all for your feedback!

I stated working on making this site dynamic.
Things that will be added:
  • the ability to publish your own solutions
  • the ability to vote/downvote solutions
  • the ability to comment on solutions
>> If you have additional ideas, let's debate them here. <<

Challenge 3


A challenge by RGgt

Recreate this design:


The first technical challenge here is to draw the dialer with the hour and minute marks. Note that there is a gradiant on the dialer, starting from a lighter grey in the top-left, to a slightly darker one on the botom-right.

The second technical challenge is to draw the hours and toggle from roman number to arab numbers when the button is pressed.

Remember:
You should always aim to solve these challeges yourself as this way you will learn the most. To help you get started, some challages will include hints about the components that you need to use and term that you need to investigate.

Spoiler:


Previous challenge Next challenge