Flutter Sticky Headers

Usage

dependencies:sticky_headers:"^0.3.0"

import'package:sticky_headers/sticky_headers.dart';

classExampleextendsStatelessWidget {@overrideWidgetbuild(BuildContext context) {returnListView.builder(itemBuilder: (context, index) {returnStickyHeader(        header:Container(          height:50.0,          color:Colors.blueGrey[700],          padding:EdgeInsets.symmetric(horizontal:16.0),          alignment:Alignment.centerLeft,          child:Text('Header #$index',            style:constTextStyle(color:Colors.white),          ),        ),        content:Container(          child:Image.network(imageForIndex(index),             fit:BoxFit.cover,            width:double.infinity,             height:200.0,          ),        ),      );    });  }}

Examples

Example 1 - Headers and Content

Example 2 - Animated Headers with Content

Example 3 - Headers overlapping the Content

Bugs/Requests