halkyon-days/halkyon
Watch
1
0
Fork
You've already forked halkyon
 0
Code Issues Pull requests Projects Releases 37 Packages Wiki Activity Actions

fix(todo): the add button slides away while scrolling, and stays put behind quick add

Browse source 
Every tab's screen (TabScreen: Inbox, Today, Upcoming, a project's,
filters' and labels') hands its add button to halkyon_ui's
ScrollHidingFab, as Learn's screens do: it slides away while the tasks
scroll on down and comes back as they scroll up.

Its scaffold no longer resizes for the keyboard: opening quick add, the
add button and anything at the screen's foot jumped up by the keyboard's
height behind the bar, which floats above the keyboard by itself. No tab
has a field of its own in its body (search, the editors and the pickers
are screens, sheets or dialogs of their own). A task's sheet, where a
sub-task is added, keeps still already: its foot is its scaffold's bar.

Whats-New: The add button slides away while you scroll down, and the screen behind Add task no longer jumps with the keyboard.
Whats-New-De: Der Hinzufügen-Knopf weicht beim Herunterscrollen aus, und der Bildschirm hinter Aufgabe hinzufügen springt nicht mehr mit der Tastatur.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Signed-off-by: Tizian 「ティツィアーン」 <raisondetredev@pm.me>
This commit is contained in:
Tizian 「ティツィアーン」 2026-11-07 23:08:55 +01:00
commit 90f9415e72
Signed by: raisondetredev
GPG key ID: 07F6FCF405488B64
1 changed files with 149 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

99
apps/todo/halkyon_todo_flutter/lib/src/tabs/tab_screen.dart
View file

@ -48,50 +48,12 @@ class const TabScreen({
},
child: TopGradient(
background: Theme.of(context).colorScheme.surface,
child: Scaffold(
backgroundColor: Colors.transparent,
appBar: AppBar(
backgroundColor: Colors.transparent,
systemOverlayStyle: TopGradient.overlayStyle(context),
leading: choosing
? IconButton(
tooltip: l10n.selectionEnd,
icon: const Icon(LucideIcons.arrowLeft),
onPressed: selection.end,
)
: null,
title: switch (subtitle) {
final subtitle? when !choosing => Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(title),
Text(
subtitle,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
_ => Text(
choosing ? l10n.selectionCount(selection.ids.length) : title,
),
},
actions: choosing
? const []
: [
if (search) const SearchButton(),
...actions,
const SizedBox(width: 4),
],
),
body: body,
bottomNavigationBar: choosing
? TaskSelectionBar(selection: selection)
: null,
// Clear of the navigation bar floating over the foot on a phone.
floatingActionButton: switch (floatingActionButton) {
// The add button slides away while the tasks scroll on down, and
// back as they scroll up, as Learn's (the developer's review, 7 Nov
// 2026).
child: ScrollHidingFab(
fab: switch (floatingActionButton) {
// Clear of the navigation bar floating over the foot on a phone.
final button? when !choosing => Padding(
padding: EdgeInsets.only(
bottom: FloatingNavigationBar.coverOf(context),
@ -100,6 +62,55 @@ class const TabScreen({
),
_ => null,
},
builder: (context, fab) => Scaffold(
backgroundColor: Colors.transparent,
// Quick add's bar and the keyboard float over the tasks, which
// stay where they are (the developer's review, 7 Nov 2026: they
// jumped up by the keyboard's height behind the bar); a field of
// the screen's own is in a sheet or a screen of its own.
resizeToAvoidBottomInset: false,
appBar: AppBar(
backgroundColor: Colors.transparent,
systemOverlayStyle: TopGradient.overlayStyle(context),
leading: choosing
? IconButton(
tooltip: l10n.selectionEnd,
icon: const Icon(LucideIcons.arrowLeft),
onPressed: selection.end,
)
: null,
title: switch (subtitle) {
final subtitle? when !choosing => Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(title),
Text(
subtitle,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
_ => Text(
choosing ? l10n.selectionCount(selection.ids.length) : title,
),
},
actions: choosing
? const []
: [
if (search) const SearchButton(),
...actions,
const SizedBox(width: 4),
],
),
body: body,
bottomNavigationBar: choosing
? TaskSelectionBar(selection: selection)
: null,
floatingActionButton: fab,
),
),
),
);