Icaroto's questions

Alguém pode explicar por que e como consertar isso

return Scaffold(
      backgroundColor: Colors.black,
      body: Center(
        child: Container(
          decoration: BoxDecoration(border: Border.all(color: Colors.white)),
          width: 60,
          height: 60,
          child: GridView.builder(
            shrinkWrap: true,
            itemCount: 16,
            physics: const AlwaysScrollableScrollPhysics(),
            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 4,
              childAspectRatio: 1.0,
            ),
            itemBuilder: (context, index) {
              return Container(
                decoration: BoxDecoration(
                    color: Colors.red, borderRadius: BorderRadius.circular(2)),
                margin: const EdgeInsets.all(1),
              );
            },
          ),
        ),
      ),
);

Estou tentando encaixar uma matriz 4x4 dentro do contêiner e, por algum motivo, ele está rolando para baixo automaticamente, exibindo apenas a primeira linha. Se eu remover a física, posso rolar para cima e a grade completa é exibida.

É assim que parece:

e ao remover physics: const AlwaysScrollableScrollPhysics(),e rolar manualmente para cima: