Features

Listing images in gridview wrapped listview gives bad performance (display optimization fails), because ListView only optimizes certain self. It does not bother to optimize its own widgets. Therefore, the elements of the GridView are excluded from this state.

In addition, StickyGridView optimizes itself and all its sub-elements and prevents delays.

Usage

First, create the header list. And then create the Map<String, List

List<String> headers = [
    'Flags 1',
    'Flags 2',
    'Flags 3',
    'Flags 4',
    'Flags 5',
    'Flags 6'
  ];
  Map<String, List<GridImage>> map = {};

Widget build(BuildContext context) {
  return FutureBuilder(
      future: init,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        if (snapshot.hasError) {
          String error = "Error: " + snapshot.error.toString();
          return Center(child: Text(error));
        }
        return StickyGridView(
            headerFontSize: 19,
            backgroundColor: Colors.deepPurple.shade50,
            headerColor: Colors.deepPurple,
            headerTextColor: Colors.white,
            crossAxisCount: 6,
            map: map,
            headers: headers);
      });
}