【Flutter 问题系列第 76 篇】在 Flutter 中 Builder 组件的作用以及如何解决 Scaffold.of 找不到上下文问题的解决文案

这是【Flutter 问题系列第 76 篇】，如果觉得有用的话，欢迎关注专栏。

一：问题描述

写这篇博客的初衷是因为前几天面试时，面试官问了一个这样的问题，很遗憾之前我用 Builder 组件只是用它在函数体内定义一些变量，处理逻辑，返回不同的组件。鉴于当时这个问题没有答好，所以研究了 Builder 组件后写下了这篇博客，下面是博客正文。

先来看一段代码，如下图所示

点击按钮后，会报如下图所示的错误。

主要报错信息是 Scaffold.of() called with a context that does not contain a Scaffold ，意思是使用不包含脚手架的上下文调用了 Scaffold.of() 。

为什么会报这个错误呢？这里先卖个关子，此时先按照报错内容中给出