Skip to content

feat: add spring-bounce and title-fade animations on task completion#124

Open
syyam wants to merge 1 commit into
vishal2376:masterfrom
syyam:feature/task-completion-animation
Open

feat: add spring-bounce and title-fade animations on task completion#124
syyam wants to merge 1 commit into
vishal2376:masterfrom
syyam:feature/task-completion-animation

Conversation

@syyam

@syyam syyam commented Jun 30, 2026

Copy link
Copy Markdown

Summary

Closes #48

When a task is marked done:

  • The check circle icon springs in with a medium-bouncy spring animation (scale 0 → 1) using animateFloatAsState + Spring.DampingRatioMediumBouncy.
  • The task title fades to 45% alpha over 300 ms, visually indicating the task is resolved.
  • Both animations reverse when the task is unchecked.

Changes

  • TaskComponent.kt: Added checkScale and titleAlpha animated floats; applied via graphicsLayer on the check icon and title Text.

Test plan

  • Tap a task's checkbox — check icon bounces in, title fades
  • Tap again to uncheck — check icon scales out, title restores full alpha
  • Existing entrance animation (slide-up + fade-in) is unaffected
  • No changes to task data or business logic

When a task is marked done the check icon springs in with a medium-bouncy
spring (scale 0→1) and the title fades to 45% alpha over 300 ms, giving
clear visual feedback that the task has been resolved.
Unchecking reverses both animations.

Closes vishal2376#48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Animation when a task is done

1 participant