BMI 计算器?

我们的目标

本教程的目的是探讨如何自定义 Flutter 小部件以实现我们自己精美的用户界面设计。如果您有设计师,无论他们的设计多么规矩,我们都可以使用 Flutter 来创建它们。

您将创建的内容

我们将制作一个体重指数计算器,其灵感来自 Ruben Vaalt 的精美设计。它将是一款多屏幕应用程序,功能简单但样式完全自定义。

Finished App

你将学到什么

  • 如何使用 Flutter 主题来创建统一的品牌形象。
  • 如何使用 Flutter 路由和导航器创建多页面应用程序。
  • 如何通过单击按钮来提取和重构 Flutter 小部件。
  • 如何将函数作为参数和字段传递。
  • 如何使用 GestureDetector 小部件来检测更多内容,而不仅仅是点击。
  • 如何通过使用十六进制代码使用自定义颜色调色板。
  • 如何自定义 Flutter 小部件以实现特定的设计风格。
  • 了解 Dart 枚举和三元运算符。
  • 了解组合与继承以及 Flutter 创建自定义 UI 的方式。
  • 了解 Dart 中 const 和 final 的区别以及何时使用它们。

GitHub

查看 Github