Flutter Timer with Progress Bar Animation
Budget: $10 – $30 USD
I'm looking to enhance a Flutter project of mine. The task involves modifying a container with a timer inside. The container has a 2-pixel border on the top and left sides, which should function as a progress bar.
Key Requirements:
- The top border should decrease from right to left.
- Once the top border is fully disappeared, the left border should start shrinking from top to bottom.
- By the time the timer hits zero, the entire border should be gone.
- The animation should maintain the rounded corners on the right side of the top border and the bottom of the left border.
The countdown timer should be triggered on a button press. Additionally, I would like the countdown duration to be configurable by the user. You may use CustomPainter and animations, or suggest a suitable package if you know of one. I need the entire implementation to be smooth and visually appealing.
Ideal skills for this job include:
- Strong expertise in Flutter
- Experience with CustomPainter and animations
- Ability to create interactive UI elements
- Knowledge of implementing user-configurable settings.
Key Requirements:
- The top border should decrease from right to left.
- Once the top border is fully disappeared, the left border should start shrinking from top to bottom.
- By the time the timer hits zero, the entire border should be gone.
- The animation should maintain the rounded corners on the right side of the top border and the bottom of the left border.
The countdown timer should be triggered on a button press. Additionally, I would like the countdown duration to be configurable by the user. You may use CustomPainter and animations, or suggest a suitable package if you know of one. I need the entire implementation to be smooth and visually appealing.
Ideal skills for this job include:
- Strong expertise in Flutter
- Experience with CustomPainter and animations
- Ability to create interactive UI elements
- Knowledge of implementing user-configurable settings.