sticky_footer_scrollview

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das das Scrollen von Inhalten ermöglicht und einen Footer fest am unteren Bildschirmrand oder am Ende des scrollbaren Inhalts hält. Ideal für Formulare, Chat-Schnittstellen oder jedes Layout, das eine dauerhafte Aktionsschaltfläche erfordert. Der Footer haftet dynamisch anhand der Scrollposition und gewährleistet die Benutzerfreundlichkeit auf allen Plattformen, einschließlich Mobilgeräten, Web und Desktop. Es integriert sich nahtlos in bestehende scrollbare Strukturen ohne komplexe Konfiguration.

Anwendungsfälle

Chat-Schnittstellen
Formularingaben mit dauerhaften Aktionen
Unter-Navigation in scrollbaren Listen
Dynamischer Inhalt mit festen Steuerelementen
Mobile- und Web-App-Fußzeilen

Hauptmerkmale

Sticky-Footer am Bildschirmunterrand
Fußzeile haftet am Ende des Inhalts
Plattformübergreifende Unterstützung
Einfache Integration mit ScrollView
Anpassbares Haftverhalten
Läuft unter Android, iOS, Web, macOS, Windows und Linux

Geeignet für

Entwickler, die scrollbare Benutzeroberflächen mit dauerhaften Fußzeilen erstellen
Apps, die responsive Bottom Bars benötigen
Designer, die haftende Elemente implementieren
Multiplattform-Flutter-Projekte
UI-Komponenten, die eine dynamische Positionierung erfordern

Hinweise

Kann eine sorgfältige Padding-Verwaltung erfordern
Das Verhalten hängt vom Scrollbereich ab
Nicht ideal für geschachtelte Scroll-Szenarien
Leistungseinfluss bei großen Datensätzen
Eingeschränkte Anpassungsmöglichkeiten außer der grundlegenden Haftung

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

A Flutter Widget that is scrollable with a sticky footer either stick to the bottom of screen of the end of the scroll body.

Background

This package using SingleScrollView and CustomMultiChildLayout to acheive a scrollable widget with a sticky footer. This allow a dynamic height of child widgets in scroll body.

At the same time, because of the SingleScrollView with Column approach, this is not recommended to use with lots of child widgets for performance reason. You may simiply test with the example to see whether it is fit for your case.

Usage

This shows Widget's full customizations:

StickyFooterScrollView({    
    this.footer,
    @required this.itemBuilder,
    @required this.itemCount,
    this.scrollController,
})

footer is the footer widget that is placed either at the bottom of screen or the end of the scroll body.
itemBuilder to build child widgets of scroll body
itemCount is the nunber of child widgets in scroll body. Only allows >= 0.
scrollController allows maunally jump to certain offset position.

Example

when scrollbody is shorter than the avialble widget height

when scrollbody is longer than the avialble widget height

@override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: StickyFooterScrollView(
          itemCount: 50,
          itemBuilder: (context, index) {
            return Card(
              child: ListTile(
                title: Text('content $index'),
              ),
              color: Colors.pinkAccent,
            );
          },
          footer: AppBar(
            title: Text('i stick at bottom'),
          ),
        ),
      ),
    );
  }

Lisence

MIT

Pakete, Repositories und App-Kategorien suchen