Reversed

[Arodos]

If you have a reversed list (for example as a chat) the headers are also at the bottom. Is it possible to add a reversed parameter to swap the position of the headers so they are at the top again?

[exeshka]

Hi, did you find a solution?

[pam3ec555]

Hello, try this
https://github.com/pam3ec555/flutter_sticky_header
Pass stickToEnd=true param

it is not perfect, but it helps me.

[exeshka]

Hello, try this https://github.com/pam3ec555/flutter_sticky_header Pass stickToEnd=true param

it is not perfect, but it helps me.

Overall, yes, but I encountered an issue.

Because my AppBar has transparency with

extendBodyBehindAppBar: true,

I can’t make the header visible properly.

I tried adding padding to the header manually:

header: Padding(
  padding: EdgeInsets.only(top: MediaQuery.paddingOf(context).top),
  child: Container(
    padding: EdgeInsets.all(8),
    child: Center(
      child: AnimatedOpacity(
        duration: Duration(milliseconds: 300),
        opacity: 1,
        child: Container(
          decoration: BoxDecoration(
            color: context.appBarBgColor,
            borderRadius: BorderRadius.circular(12),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
              group.first.timesStamp.dateToDay,
              style: TextStyle(fontWeight: FontWeight.bold),
            ),
          ),
        ),
      ),
    ),
  ),
),

But this only moved it down, and the pinned header is still behind the AppBar.