BMI 计算器?
我们的目标
本教程的目的是探讨如何自定义 Flutter 小部件以实现我们自己精美的用户界面设计。如果您有设计师,无论他们的设计多么规矩,我们都可以使用 Flutter 来创建它们。
您将创建的内容
我们将制作一个体重指数计算器,其灵感来自 Ruben Vaalt 的精美设计。它将是一款多屏幕应用程序,功能简单但样式完全自定义。
你将学到什么
- 如何使用 Flutter 主题来创建统一的品牌形象。
- 如何使用 Flutter 路由和导航器创建多页面应用程序。
- 如何通过单击按钮来提取和重构 Flutter 小部件。
- 如何将函数作为参数和字段传递。
- 如何使用 GestureDetector 小部件来检测更多内容,而不仅仅是点击。
- 如何通过使用十六进制代码使用自定义颜色调色板。
- 如何自定义 Flutter 小部件以实现特定的设计风格。
- 了解 Dart 枚举和三元运算符。
- 了解组合与继承以及 Flutter 创建自定义 UI 的方式。
- 了解 Dart 中 const 和 final 的区别以及何时使用它们。
