5.自定义Flutter Widget

大家好，本文中我们来一起学习如何自定义一个Widget，我们会将上一篇中的 Center 封装进我们自定义的 App Widget 中，然后调用它。

• 创建一个自定义的小部件就是一个类。
• 在 main.dart 文件里面，定义一个 class，名字可以是 App 小部件的类可以继承 StatelessWidget 或者 StatefulWidget 不需要修改数据的小部件可以继承 StatelessWidget，有需要修改数据的小部件可以继承 StatefulWidget。
• 这个小部件的类里面需要一个 build 方法，这个方法要返回一个 Widget，方法接收一个 context 参数 前面的这个 Widget 指的就是这个方法返回的值的类型，上面的 @override 指的就是这个方法覆盖的是它的父类里面的那个 build 方法。
• 剪切一下上面使用的 Center 小部件 ，让它作为 App 这个小部件的 build 方法返回的内容。
• 这样在这个 runApp 里面， 我们就可以直接用一个 App() ，这个小部件是我们在下面自己定义的 。
• 运行程序屏幕的中间仍然会显示一个 Hello Flutter， 现在屏幕上显示的东西来自一个叫 App 的自定义小部件。
• 现在这个 main 函数里面只有一行代码，所以我们可以使用箭头函数的形式 一个胖箭头 =>，右边是函数的主体。