White background on sticky header. about grouped_list HOT 4 CLOSED

I will think about it how to change this. Thanks for the detailed visulization.

from grouped_list.

@icnahom Version 3.0.0 was just release. Sticky Headers are now default and a new option floatingHeader is available. When set to true the sticky headers should behave like you described. Let me know if any problem occurs.

from grouped_list.

I can't center the header like the Image I posted up there. Can you show me an example of how to do this? Because when I use the widget Center it pushed it to the middle and when I remove Center the overlapped header inside the list gets messed up.

from grouped_list.

@icnahom Try something like this:

groupSeparatorBuilder: (value) => Padding(
      padding: const EdgeInsets.all(8.0),
      child: Container(
        decoration:
            BoxDecoration(color: Colors.blue, borderRadius: BorderRadius.all(Radius.circular(20))),
        width: 100,
        height: 30,
        child: Center(
          child: Text(
            value,
            style: TextStyle(
                fontSize: 18.0, color: Colors.red, fontWeight: FontWeight.bold),
          ),
        ),
      ),
    ),

from grouped_list.