大家好,本文中我们来一起学习如何自定义一个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 函数里面只有一行代码,所以我们可以使用箭头函数的形式 一个胖箭头 =>,右边是函数的主体。
    5.自定义Flutter Widget

相关文章:

  • 2021-06-24
  • 2022-12-23
  • 2022-12-23
  • 2021-10-29
  • 2021-06-02
  • 2022-12-23
  • 2022-12-23
  • 2021-08-20
猜你喜欢
  • 2022-12-23
  • 2021-04-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-01
相关资源
相似解决方案