Flutter - 弹跳按钮动画

叔怀

于 2022-02-10 16:58:03 发布

阅读量2.1k

点赞数

分类专栏： # flutter 文章标签： flutter 动画 android

本文链接：https://blog.youkuaiyun.com/NotesChapter/article/details/122864731

版权

本文将探讨如何在Flutter应用中创建一个具有弹跳效果的按钮动画。我们将研究关键的动画API，如Tween和AnimationController，以及如何将这些组件结合以实现逼真的动画效果。无论你是Android开发者转向Flutter，还是初次接触移动开发，这篇文章都将帮助你理解Flutter的动画系统并提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

import 'package:flutter/material.dart';

class AnimatedButton extends StatefulWidget {
   
  @override
  _AnimatedButtonState createState() => _AnimatedButtonState();
}

class _AnimatedButtonState extends State<AnimatedButton>
    with SingleTickerProviderStateMixin {
   
  double _scale;
  AnimationController _controller;

  @override
  void initState() {
   
    super.initState

最低0.47元/天解锁文章