DimZeta - GridView.builder in CustomScrollView loads all items

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'GridView Builder'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final ValueNotifier<dynamic> _list = ValueNotifier<dynamic>([]);
  final _fakeData = '''
    [
  {
    "_id": "60a16cb160d061330a7a7aed",
    "index": 0,
    "guid": "08d7b0df-b640-4111-aaf2-2cae6b04a9b7",
    "isActive": false,
    "balance": "\$2,630.54",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18eebc680a37d804d",
    "index": 1,
    "guid": "cdb57d55-75f0-43f5-b6bd-7878b0838efb",
    "isActive": false,
    "balance": "\$1,611.71",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb129556b6c93b20df8",
    "index": 2,
    "guid": "884e1ff4-5aab-46d3-bee3-2515ff4145b8",
    "isActive": false,
    "balance": "\$1,653.44",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb125856a8287d31f05",
    "index": 3,
    "guid": "96beb386-4103-4024-a062-c5e1e9d4eb8d",
    "isActive": false,
    "balance": "\$3,947.17",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1c32f529ef1fdf00b",
    "index": 4,
    "guid": "f7fc1e5d-5044-4218-8f59-7a635c28a537",
    "isActive": true,
    "balance": "\$3,467.95",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb144600da2b245ea2f",
    "index": 5,
    "guid": "27016432-a376-46f6-8867-59ba39258cec",
    "isActive": false,
    "balance": "\$1,412.29",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18b21181074e99c4b",
    "index": 6,
    "guid": "c52e4bf0-7efb-4ea6-bf0f-133ae0bdc818",
    "isActive": true,
    "balance": "\$1,188.63",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1d090533c7488c21e",
    "index": 7,
    "guid": "16cde0b5-aa3c-4d7a-87bf-0a813cb9784f",
    "isActive": true,
    "balance": "\$3,344.94",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb15b577830072126ee",
    "index": 8,
    "guid": "4363eb16-d0d6-4c1f-af1a-d8ad9f7bb638",
    "isActive": true,
    "balance": "\$3,370.47",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb14b9a00362e497a69",
    "index": 9,
    "guid": "70fcca23-ade3-481c-9c90-28e4ac19c71f",
    "isActive": true,
    "balance": "\$2,772.38",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1eb145e2531def5b6",
    "index": 10,
    "guid": "b8c3b31f-10ae-474d-8380-58261b2ac1a4",
    "isActive": true,
    "balance": "\$1,511.79",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1d47cd2995beb10ab",
    "index": 11,
    "guid": "a13f6c97-139a-4a30-a4cf-3266d6a793e7",
    "isActive": true,
    "balance": "\$1,494.82",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb14987c427b38ee662",
    "index": 12,
    "guid": "98fdc4b6-91e6-483d-9d6f-074594cb0c2d",
    "isActive": false,
    "balance": "\$1,979.58",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1083d2f6b7dd98b52",
    "index": 13,
    "guid": "537812cd-8a7b-44e6-a7e5-570d831af43a",
    "isActive": true,
    "balance": "\$3,603.61",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1c76b8d1f2db1bff1",
    "index": 14,
    "guid": "45d54eac-8088-4895-ad52-087a25f48318",
    "isActive": true,
    "balance": "\$2,850.44",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb149734a0140f2cefe",
    "index": 15,
    "guid": "0b1c9a8b-98f8-45a4-ba6a-3b2b394c9e55",
    "isActive": false,
    "balance": "\$2,863.90",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb19dccdec68bcd4981",
    "index": 16,
    "guid": "c58fe471-68fc-4fd3-b2b0-990e4386de68",
    "isActive": true,
    "balance": "\$1,383.35",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb13bebda26a4b14ac6",
    "index": 17,
    "guid": "9a437dd0-d803-415e-bd4f-fa2114081ccd",
    "isActive": false,
    "balance": "\$2,933.81",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1191f16847d580173",
    "index": 18,
    "guid": "e8199f07-c509-4133-a05b-0756ff6efc81",
    "isActive": false,
    "balance": "\$2,414.93",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1fac8046b51e98685",
    "index": 19,
    "guid": "4e3582d4-600a-4629-9675-754e97cde45d",
    "isActive": true,
    "balance": "\$2,397.50",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb11c23255b2ed118d5",
    "index": 20,
    "guid": "652840ba-8856-439c-ad11-106d0e3cd05b",
    "isActive": false,
    "balance": "\$1,849.44",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1ea0d47a86cee312e",
    "index": 21,
    "guid": "50b6cb7b-363e-46ea-b4c3-4958e03177d3",
    "isActive": false,
    "balance": "\$2,156.12",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1df983fd3b94ba681",
    "index": 22,
    "guid": "869d045d-c15b-4050-a4b9-d563626e6b37",
    "isActive": true,
    "balance": "\$3,354.23",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18d8572862cd7d043",
    "index": 23,
    "guid": "10e888f9-33ae-4f46-92a2-63478e52d8a0",
    "isActive": false,
    "balance": "\$1,153.50",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb10b543382df48214a",
    "index": 24,
    "guid": "24aef107-67e0-45f5-8d10-9e003bc68374",
    "isActive": true,
    "balance": "\$2,313.70",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1189bd1ee387c55f2",
    "index": 25,
    "guid": "8d771cde-2924-4292-ae9a-8e1cab601f2f",
    "isActive": true,
    "balance": "\$3,363.68",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1722b86c0afa94f58",
    "index": 26,
    "guid": "00940e22-801b-4130-9c0a-400e0ff0e027",
    "isActive": true,
    "balance": "\$3,407.10",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1dd388784a40ed30f",
    "index": 27,
    "guid": "020fb7cd-1a27-46c1-8e7a-3f5e50d76ae7",
    "isActive": false,
    "balance": "\$3,312.78",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1661ff06a5eb491f1",
    "index": 28,
    "guid": "fa3f2c62-c26f-432e-9d54-8b05635f3239",
    "isActive": false,
    "balance": "\$1,918.69",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1a57fc0ad95025452",
    "index": 29,
    "guid": "7622b0fc-9dfa-40a8-ac49-c266f0309e74",
    "isActive": true,
    "balance": "\$3,220.47",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb137cf773bead8a089",
    "index": 30,
    "guid": "3eb0d54e-a140-4792-88e6-9251477244a1",
    "isActive": true,
    "balance": "\$2,668.69",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1ebd520f320d44302",
    "index": 31,
    "guid": "c56e96f3-4a47-472a-b5b5-bccde81eaf53",
    "isActive": false,
    "balance": "\$2,472.49",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb141bf3fe8de51ce28",
    "index": 32,
    "guid": "6e0c9a4b-fc23-406d-919b-1117a5667f6c",
    "isActive": true,
    "balance": "\$1,357.25",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16cbfa50a9829e719",
    "index": 33,
    "guid": "22f3f641-3403-4621-be9d-5af90bd8e366",
    "isActive": true,
    "balance": "\$3,262.91",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb187f8cc917f9b8ffb",
    "index": 34,
    "guid": "d5695556-98b4-4d7e-82ca-853a0f914343",
    "isActive": true,
    "balance": "\$2,989.99",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16663a9df06a6c359",
    "index": 35,
    "guid": "dda5b895-c71f-4456-a486-b25733796fa6",
    "isActive": false,
    "balance": "\$3,245.06",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1204c57723c5685f2",
    "index": 36,
    "guid": "46e65957-8552-41da-9a69-2832cc2d5ce1",
    "isActive": true,
    "balance": "\$2,635.87",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1ab1bb647912a6f6c",
    "index": 37,
    "guid": "813211eb-0c00-4e17-97b9-93672eca0ff3",
    "isActive": false,
    "balance": "\$1,718.75",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb196ea0e3e4be42fca",
    "index": 38,
    "guid": "3226b3da-33a3-4902-b6f6-0acb13e0f5fe",
    "isActive": true,
    "balance": "\$3,015.62",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb194ad1478ffe22d2d",
    "index": 39,
    "guid": "1df42a22-5fca-4cc1-9e87-5a02d9e84fa7",
    "isActive": true,
    "balance": "\$1,436.54",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1504297bd63b91127",
    "index": 40,
    "guid": "1516e670-58e4-49fa-b5dd-dcdd2a876068",
    "isActive": true,
    "balance": "\$3,608.40",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1dfed41d0da562808",
    "index": 41,
    "guid": "a007e9a4-b2d4-428f-84d7-de0e83020c8f",
    "isActive": false,
    "balance": "\$1,472.60",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1557ebefecbf39f5e",
    "index": 42,
    "guid": "204dfa80-62db-498b-be6c-a81451d65b24",
    "isActive": true,
    "balance": "\$2,167.77",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb13bab47225267ece2",
    "index": 43,
    "guid": "30171275-902a-4b46-b541-57c6bb311667",
    "isActive": false,
    "balance": "\$1,739.06",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1971b9ded438dcf3a",
    "index": 44,
    "guid": "9f74d725-cba7-417d-a0f2-70b46f358afe",
    "isActive": false,
    "balance": "\$3,242.84",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1aa6b170231807784",
    "index": 45,
    "guid": "9c16e34d-81c5-41c8-a2de-cbc01d266188",
    "isActive": false,
    "balance": "\$3,194.95",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1ea74eb72d18cc8cd",
    "index": 46,
    "guid": "0aa24a57-3eb4-49f9-8809-cef06c998e0d",
    "isActive": false,
    "balance": "\$3,977.36",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb13576219426140158",
    "index": 47,
    "guid": "c86143d8-38f1-4f3d-a9b4-2cba764bf7c4",
    "isActive": true,
    "balance": "\$3,179.25",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1b9fe94b2000e980d",
    "index": 48,
    "guid": "b66712bd-354e-4064-884e-6c7d0cfec2da",
    "isActive": false,
    "balance": "\$1,747.17",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb183eac69ac2bca5ac",
    "index": 49,
    "guid": "cab5881d-7310-4735-adbb-c2cc90c76b97",
    "isActive": true,
    "balance": "\$3,340.32",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb10536917af1b0b053",
    "index": 50,
    "guid": "739bdc0e-3cec-4ef9-bb1c-362867daa2ac",
    "isActive": false,
    "balance": "\$3,216.33",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1bd110afbe899b8d2",
    "index": 51,
    "guid": "6d469f9c-065f-471b-8fa1-b7e37bd775d1",
    "isActive": true,
    "balance": "\$1,111.28",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1c0a7d35e103b42c4",
    "index": 52,
    "guid": "36142246-6c63-45e3-9565-1f91a4e05b71",
    "isActive": false,
    "balance": "\$1,580.84",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1267a29c903df1a9d",
    "index": 53,
    "guid": "2d1ba7e9-2d8a-4d93-962d-8dff03c9ded3",
    "isActive": false,
    "balance": "\$1,441.96",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1e8ca6e94cc110a6d",
    "index": 54,
    "guid": "55f1717f-0ba3-44b7-818d-18135399e750",
    "isActive": true,
    "balance": "\$2,500.78",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb149f2764bb94a3a64",
    "index": 55,
    "guid": "910855ea-4733-4c7c-82d9-4c43b08ad70e",
    "isActive": false,
    "balance": "\$1,814.13",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb19db215704f95ed87",
    "index": 56,
    "guid": "5173c9e0-60c8-41f9-8059-0da53371b0d2",
    "isActive": true,
    "balance": "\$2,003.07",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16544b102a89406f5",
    "index": 57,
    "guid": "399096e9-afe3-4368-86e6-3733a8b4b49b",
    "isActive": false,
    "balance": "\$3,040.12",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1390bc58b77bf66ce",
    "index": 58,
    "guid": "a73ead73-5951-4486-be26-f39fe12afd64",
    "isActive": false,
    "balance": "\$1,517.08",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1343170d9383f1e39",
    "index": 59,
    "guid": "07a36959-5c49-48ef-889a-54140beb7c3d",
    "isActive": true,
    "balance": "\$3,659.94",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1adc6ee6c53bc7444",
    "index": 60,
    "guid": "4c363de7-1396-449d-989f-9eefbdfa6f31",
    "isActive": true,
    "balance": "\$1,656.40",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb10fe9538e7937514b",
    "index": 61,
    "guid": "b2abe55f-77d4-4dfb-83a8-b3969fc0c309",
    "isActive": true,
    "balance": "\$2,644.89",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1b922e71ffffa2b65",
    "index": 62,
    "guid": "534ea809-7224-41fb-9e65-501ac786a786",
    "isActive": true,
    "balance": "\$3,378.35",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18f8610b81cb7aa86",
    "index": 63,
    "guid": "13fbf98f-e37d-4cb5-854d-76dd881b18e7",
    "isActive": true,
    "balance": "\$1,974.12",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1f46ea845de8e2fe5",
    "index": 64,
    "guid": "7b4b9fb3-ed39-46bd-9d97-0b823ca7b6fa",
    "isActive": true,
    "balance": "\$3,254.18",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1b2c87d4ed054ca50",
    "index": 65,
    "guid": "da18ce4e-1df1-4bc3-9ef9-32097d085131",
    "isActive": false,
    "balance": "\$2,540.71",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb15f2b79ac77cfe7f1",
    "index": 66,
    "guid": "3fef2761-0d76-44b0-856c-90201c22cd1e",
    "isActive": false,
    "balance": "\$2,307.36",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb19fe0569e888a8d14",
    "index": 67,
    "guid": "d4427f2e-d029-43fb-b8ad-4061a9f74358",
    "isActive": true,
    "balance": "\$3,784.25",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1331ea2f2b69defc0",
    "index": 68,
    "guid": "aec1b9cc-bd8d-4b7a-9e0c-bab998a8efb1",
    "isActive": true,
    "balance": "\$2,057.26",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb107cba63bf4e7eaf4",
    "index": 69,
    "guid": "ecbfb3ea-8383-4825-9809-a4253d6ccada",
    "isActive": false,
    "balance": "\$1,627.23",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb120920cff9c61edbb",
    "index": 70,
    "guid": "4fe52eeb-16d9-48cd-ad21-efe40152dfef",
    "isActive": true,
    "balance": "\$3,605.30",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1bb3a1fc7a29ea98b",
    "index": 71,
    "guid": "be1e03e0-e01b-41fe-a4c5-977d92a9ed5c",
    "isActive": true,
    "balance": "\$2,192.96",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1b1846e2f4b6854a0",
    "index": 72,
    "guid": "cb1f7e99-e6f9-4b35-a774-515c99ce1297",
    "isActive": true,
    "balance": "\$2,283.59",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16de8834259f9d599",
    "index": 73,
    "guid": "dc3183dd-4ab3-402a-a93f-235351fbe69a",
    "isActive": false,
    "balance": "\$3,359.38",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb130c794ff9687571d",
    "index": 74,
    "guid": "0fc7e553-21ef-416f-9cf2-3374e4c42ddf",
    "isActive": true,
    "balance": "\$1,565.30",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16e5e8377aa5fabe1",
    "index": 75,
    "guid": "316486ae-8066-4aa7-b61c-2b843278aaad",
    "isActive": true,
    "balance": "\$2,468.51",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1355c6d17330ae389",
    "index": 76,
    "guid": "808c5967-98be-4b58-b44b-515f002cb029",
    "isActive": true,
    "balance": "\$2,638.45",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb17804136aacdc1d21",
    "index": 77,
    "guid": "a5c6900b-7959-464a-9e83-512613fd393c",
    "isActive": false,
    "balance": "\$3,344.44",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1553f03ef08eac9cd",
    "index": 78,
    "guid": "4eddb332-22b4-448c-9ada-3ef49ab3a85a",
    "isActive": true,
    "balance": "\$2,620.10",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1c3ad88354793f028",
    "index": 79,
    "guid": "f521fe6b-373d-4dc5-865d-8decaafab32b",
    "isActive": true,
    "balance": "\$2,863.96",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1482dbe909f7b6d44",
    "index": 80,
    "guid": "c1861cf2-f758-469e-83d7-9668015fd615",
    "isActive": true,
    "balance": "\$1,274.10",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1a4aa43a1f609cff7",
    "index": 81,
    "guid": "3efed868-e2cb-4269-bb56-281182aeb53b",
    "isActive": false,
    "balance": "\$2,929.17",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1f893ba2fa174bedc",
    "index": 82,
    "guid": "f3cc7243-8159-494f-9e7f-fbf79ad7613c",
    "isActive": true,
    "balance": "\$1,847.57",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1ec4dc58f6339fee5",
    "index": 83,
    "guid": "6f4bc76f-7abe-4593-975c-b76e9cb6ec3a",
    "isActive": true,
    "balance": "\$3,314.66",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18f3a0a4fb6f9c3b3",
    "index": 84,
    "guid": "eb5940e3-3e55-4a20-8bbb-a6e18cc586fa",
    "isActive": false,
    "balance": "\$2,791.02",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1742a949974e82998",
    "index": 85,
    "guid": "de7c5294-d90e-45dc-ae73-ec8819365882",
    "isActive": true,
    "balance": "\$2,514.48",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb18fe67c98ddf6e64a",
    "index": 86,
    "guid": "bb413078-c7c6-4bfc-8a18-6ac9f0429e27",
    "isActive": true,
    "balance": "\$1,309.79",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1fefffc51ba5eba7f",
    "index": 87,
    "guid": "0fb98569-98c3-4967-9753-8705f7c9395c",
    "isActive": true,
    "balance": "\$1,618.91",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb11abd26d02c751979",
    "index": 88,
    "guid": "dc08a227-16b3-4873-aef5-e160eb3a1d4e",
    "isActive": true,
    "balance": "\$1,106.96",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1323e18270ee4d0a4",
    "index": 89,
    "guid": "4c07002d-04d1-4869-a63d-d9c59b8a6a2f",
    "isActive": true,
    "balance": "\$1,095.13",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb16a5d5c13aa9a58e9",
    "index": 90,
    "guid": "aea5e428-9307-452e-93e7-335c8dc97866",
    "isActive": true,
    "balance": "\$3,098.84",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb13e46073d56a1d747",
    "index": 91,
    "guid": "90ec4ede-9538-4331-b67c-a83f89617d3f",
    "isActive": false,
    "balance": "\$1,130.92",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1c9b6f5a6ce78bff1",
    "index": 92,
    "guid": "8b737f90-e036-4ec5-85ac-5621c96fcd00",
    "isActive": true,
    "balance": "\$2,085.38",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1941df6a8274eac8a",
    "index": 93,
    "guid": "ff954482-9ec0-47f9-a828-12acb5f8dfac",
    "isActive": true,
    "balance": "\$1,141.40",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb19749bd43e3b79ef4",
    "index": 94,
    "guid": "45425cf3-59da-485c-ad9d-5ab9d55d71e8",
    "isActive": false,
    "balance": "\$3,711.72",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1dc97ebeedc2fdc09",
    "index": 95,
    "guid": "fa5f16ce-3d8c-4c60-a3f2-a4f92738d416",
    "isActive": true,
    "balance": "\$2,872.31",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1bb8d11e018375bcc",
    "index": 96,
    "guid": "2e377091-e9b3-49fe-9d31-9f6274fd31d5",
    "isActive": true,
    "balance": "\$2,102.08",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb102571ec2d7b72991",
    "index": 97,
    "guid": "f4318cbe-cfa7-463c-9d3b-d63729214be8",
    "isActive": false,
    "balance": "\$1,232.39",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1580f32dfeeda487e",
    "index": 98,
    "guid": "108d5d00-79b6-4f8d-b7b8-d5bab1d241ff",
    "isActive": true,
    "balance": "\$1,547.58",
    "picture": "http://placehold.it/32x32"
  },
  {
    "_id": "60a16cb1e7c9ff28ce9e5f75",
    "index": 99,
    "guid": "4de5e655-3f89-448c-b7b9-95dc81cc6aac",
    "isActive": false,
    "balance": "\$1,466.40",
    "picture": "http://placehold.it/32x32"
  }
]

  ''';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: LayoutBuilder(
          builder: (context, constraints) {
            return CustomScrollView(
              slivers: [
                SliverAppBar(
                  elevation: 0,
                  backgroundColor: Colors.transparent,
                  expandedHeight: 300,
                  pinned: true,
                  flexibleSpace: FlexibleSpaceBar(
                    titlePadding: EdgeInsets.symmetric(vertical: 4),
                    title: ConstrainedBox(
                      constraints:
                          BoxConstraints(maxWidth: constraints.maxWidth * 0.5),
                      child: Hero(
                        tag: "extension-logo-1",
                        child: Image.network(
                            'https://media.graphiline.com/src/images/news/articles/ima-graphiste-youtube-26441.jpg'),
                      ),
                    ),
                    background: Align(
                      alignment: Alignment.topCenter,
                      child: Hero(
                        tag: "extension-spotlight-1",
                        child: Image.network(
                            'https://velseoity.com/wp-content/uploads/2019/09/online-942408_960_720-696x492.jpg'),
                      ),
                    ),
                  ),
                ),
                SliverPadding(
                  padding: EdgeInsets.symmetric(horizontal: 16.0),
                  sliver: SliverList(
                    delegate: SliverChildListDelegate([
                      ElevatedButton(
                        onPressed: loadData,
                        child: Text('Load data'),
                      ),
                      SizedBox(height: 16),
                      ValueListenableBuilder(
                        valueListenable: _list,
                        builder: (context, value, child) {
                          return _buildListGrid(value);
                        },
                      ),
                    ]),
                  ),
                )
              ],
            );
          },
        ),
      ),
    );
  }

  loadData() async {
    _list.value = await json.decode(_fakeData);
  }

  _buildListGrid(list) {
    if (list.length == 0) {
      return Text('No items');
    }

    return GridView.builder(
      shrinkWrap: true,
      physics: ScrollPhysics(),
      itemCount: list.length,
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 3,
        mainAxisSpacing: 16.0,
        crossAxisSpacing: 16.0,
        childAspectRatio: 635 / 889,
      ),
      itemBuilder: (context, index) {
        return _buildItem(list[index]);
      },
    );
  }

  Widget _buildItem(item) {
    print('item built');
    return Container(
      decoration: BoxDecoration(
        border: Border.all(color: Colors.blue),
        borderRadius: BorderRadius.circular(12.0),
      ),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(item['index'].toString()),
            Text(item['balance'].toString())
          ],
        ),
      ),
    );
  }
}