Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

motion: add smooth exit animation to AppToast and bidirectional slide to WelcomeTourDialog

Closed
  • Is something wrong?
#1,645 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
60/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
dart, flutter
Domain
desktop, frontend

Research direction

Read lib/shared/widgets/app_toast.dart and lib/features/onboarding/welcome_tour_dialog.dart, tracing toast dismissal and the welcome tour's AnimatedSwitcher navigation. Add a reverse exit animation before onClosed(), animate the remaining toast stack's height changes, and make the slide direction follow forward or back navigation. Done when toast exits and stack repositioning animate smoothly, and backward tour navigation slides in from the opposite direction.

Written by the indexing model from the issue text.

Description

enhancement frontend
Problem

  1. Abrupt toast disappearance:
    In lib/shared/widgets/app_toast.dart, toasts animate their entry with a curved transition, but when the timer expires (_timer = Timer(d.show, _close)), the toast is instantly removed from _ToastHost._items.value. The toast disappears abruptly without a fade/slide-out, causing remaining stacked toasts to jump to their new vertical positions without animation.

  2. Unidirectional slide in Welcome Tour:
    In lib/features/onboarding/welcome_tour_dialog.dart, AnimatedSwitcher uses a static SlideTransition with begin: const Offset(0.04, 0). When navigating forward (Next), sliding in from the right looks natural. However, when navigating backward (Back), the incoming step still slides in from the right, which feels unnatural.

Change
  • In AppToast, play _controller.reverse() before triggering onClosed(), and animate height changes for remaining stacked toasts.
  • In WelcomeTourDialog, track navigation direction (forward vs back) and invert the slide offset sign accordingly.
Dominant language
Dart
Stars
23
Forks
1
Avg merge
49m
Merged PRs (30d)
496

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from QueryaHub/Querya-Desktop

All issues in QueryaHub/Querya-Desktop

Similar issues

More Dart issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.