Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen
#1,645 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
60/100
Issue-Typ
Bug
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
dart, flutter
Bereich
desktop, frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.
Vorherrschende Sprache
Dart
Sterne
23
Forks
1
Ø Merge
32 Min.
Gemergte PRs (30 T.)
537

Entwicklungsumgebung

In Codespaces öffnen

Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus QueryaHub/Querya-Desktop

Alle Issues in QueryaHub/Querya-Desktop

Ähnliche Issues

Weitere Issues zu Dart

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.