Build a Flutter Stopwatch App with Custom UI and Animations

所在平台: Udemy

课程主页: https://www.udemy.com/course/flutter-stopwatch-app/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:构建具有自定义UI和动画的Flutter秒表应用 课程概述:想学习如何在Flutter中构建完全自定义且高效的用户界面吗?本实用课程将通过从头开始创建iOS秒表应用的克隆,教您如何实现这一目标。在本课程中,您将学习Flutter动画框架的基础知识,并使用以下工具构建完全自定义的UI:Ticker和TickerProvider矩阵变换、Stack、LayoutBuilder、AspectRatio以及其他布局组件。 您是否希望: - 构建能够每帧渲染与屏幕刷新率同步且不影响性能的UI? - 旋转、缩放或移动组件,并将其结合在一起以构建自定义UI? 那么您来对地方了。课程内容简洁明了,但将提供有价值的知识和一些技巧,这些将在您未来的Flutter项目中派上用场。 完成项目的样子如何?快去查看视频预览,获取您将在本课程中构建的项目的完整概述。 课程还包括: - 如何在浅色和深色模式之间切换 - 如何管理秒表的状态以及开始、停止和重置计时器 - 如何优化应用程序性能 - 如何通过创建小的、可重用的组件来构建模块化代码 - 一个最终挑战,以测试您的知识 常见问题: - 我们会使用Flutter 2吗?是的!整个课程均使用支持空安全的Flutter 2,并会保持更新。 - 课程的前提条件是什么?您应该已经熟悉StatelessWidget和StatefulWidget、常见布局(如Row、Column、Stack)和Flutter中的状态管理基础知识。

课程评论(0条)

课程详情

Want to learn how to build completely custom and performant UIs in Flutter?This practical course will teach you exactly that, by showing you how to create a clone of the iOS stopwatch app from scratch.As part of this, you'll learn about the foundations of the Flutter animation framework and build a completely custom UI using:Ticker and TickerProviderMatrix TransformsStack, LayoutBuilder, AspectRatio, and other layout widgetsWould you like to:build UIs that render every frame, in sync with the screen refresh rate, and without compromising performance?rotate, scale, or translate widgets, and combine them all together to build custom UIs?Then you've come to the right place.This course is short and to the point. But it will give you valuable knowledge and a few tricks that will come handy in your future Flutter projects.What does the completed project look like?Go check the video preview for a complete overview of the project you'll build in this course.Other things included in the course:- How to switch betwen light and dark mode- How to manage the stopwatch state and start, stop, and reset the timer- How to optimize the application performance- How to build modular code by creating small, reusable widgets- A final challenge to test your knowledgeFrequently Asked QuestionsWill we use Flutter 2? Yes! The entire course uses Flutter 2 with Null Safety and I will keep it up to date.What are the course prerequisites?You should be already familiar with StatelessWidgets and StatefulWidgets, common layouts (Row, Column, Stack), and the foundations of state management in Flutter.

课程标签

0人关注该课程

主题相关的课程