Flutter 动画转场欢迎屏 concentric_transition

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FIRClrPQ-1628558757065)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/2021-08-10-07-06-27.png)]

原文

https://medium.com/flutterdevs/explore-concentric-transition-in-flutter-82ef4194d3d9

代码

https://github.com/tiamo/flutter-concentric-transition/tree/master/example

参考

• https://pub.flutter-io.cn/packages/concentric_transition

正文

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7DWIX239-1628558757066)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/2021-08-10-06-27-08.png)]

Flutter 小部件是使用现代框架构建的。这就像是一种反应。在这里，我们从小部件开始创建任何应用程序。屏幕中的每个组件都是一个小部件。这个小部件描述了根据他目前的配置和状态，他的前景应该是什么样的。小部件展示类似于它的想法和当前的设置和状态。

Flutter 自动化测试使您能够满足您的应用程序的高响应性，因为它有助于在您的应用程序中发现 bug 和各种问题。Flutter 是一个工具，开发移动，桌面，网络应用程序与代码 & 是一个免费和开放源码的工具。

在本文中，我们将用 Flutter concentric_transition 探索 Concentric Transition 在 Flutter。利用该软件包，可以很容易地实现 Flutter 启动动画界面 。那么让我们开始吧。

https://pub.dev/packages/concentric_transition

Concentric Transition

Concentric Transition 插件是一个非常好的 Flutter 插件。用户可以使用这个插件创建一个动画类型的入门屏幕，并创建自定义动画屏幕，如同心页面路由器，自定义剪刀，等等，就像我们使用同心页面，然后为我们提供动画类型的页面路线，将我们从一个屏幕到另一个屏幕。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SdcBX98g-1628558757067)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/1.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KY8rsUuv-1628558757068)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/2.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GXGNqARO-1628558757068)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/3.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xVewusiF-1628558757069)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/4.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-04YzshWk-1628558757070)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/5.gif)]
[外链图片转存失败