MagicPaginatedListView<E> class

A lazily built list over a MagicPaginator, fetching the next page as the end of the current one comes into view.

The lazy part is the point. Rendering a long collection as a column of every row costs one build, one layout and one semantics node per row on the first frame, whether or not the reader ever scrolls that far; this builds the rows the viewport can show and asks for more only when the reader gets there.

It needs a bounded height

This is a ListView, so it expands to whatever height it is given and throws when it is given an unbounded one. Inside a page that already scrolls, give it a bound:

WDiv(
  className: 'h-[600px]',
  child: MagicPaginatedListView<CheckRow>(
    paginator: controller.checks,
    itemBuilder: (_, CheckRow row, _) => CheckHistoryRow(row: row),
  ),
)

Putting it in a page scroll view WITHOUT a bound, or with shrinkWrap: true to make that work, defeats it entirely: shrink-wrapping measures every row, so all of them get built and nothing is saved. A page that wants one continuous scroll needs a sliver-based scaffold instead.