I wrote the following small piece of code to better understand Flutter’s layout system.

class FavoritePage extends HookConsumerWidget {
  const FavoritePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("favorite"),
      ),
      body: Column(
        children: [
          Column(
            children: [Text("hogehoge")],
          ),
        ],
      ),
    );
  }
}

The tree structure of the layout is as follows

However, a question has been raised here.

According to the documentation, the default value of Column’s MainAxisSize is max, so I would expect the height constraint for Column to be the height of the entire screen, but here, the size of the nested interior columns is only for the text display.

Why do these problems occur?