Flutter Festival Saudi Arabia 会议中使用的应用源代码


Flutter Festival Saudi Arabia Cover

应用内部

主页

Home Page

  1. 隐式动画:无需 AnimationController 的动画
    1. 内置动画小部件(AnimatedContainerAnimatedOpacity 等)
    2. 使用 TweenAnimationBuilder 自定义动画小部件
  2. 显式动画:更复杂但可自定义的动画,使用 AnimationController
    1. 使用 AnimationController 的内置小部件(Transition 小部件)
    2. 使用 AnimationController 的高级自定义动画小部件(AnimatedWidget & AnimatedBuilder

1.1 隐式动画 – 内置小部件

Flutter Implicit Animations Examples

使用以下小部件的示例

  1. AnimatedContainer
  2. AnimatedPositioned(或 AnimatedPositionedDirectional
  3. AnimatedDefaultTextStyle
  4. AnimatedAlign
  5. AnimatedOpacity

1.2 隐式动画 – 自定义

使用 TweenAnimationBuilder 小部件

Flutter TweenAnimationBuilder widget

2.1 显式动画 – 内置小部件

Flutter TweenAnimationBuilder widget

使用以下小部件的示例

  1. RotationTransition
  2. SizeTransition
  3. AlignTransition

2.2 显式动画 – 自定义

使用 AnimatedBuilder & AnimatedWidget

Flutter TweenAnimationBuilder widget

GitHub

查看 Github