Flutter - 弹跳按钮动画

Flutter：实现弹跳按钮动画效果

最新推荐文章于 2025-07-21 22:05:15 发布

原创

最新推荐文章于 2025-07-21 22:05:15 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #动画 #android

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

在这里插入图片描述

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