Flutter 个人中心页面的登录按钮Hero动画过渡

最新推荐文章于 2024-08-27 20:54:16 发布

weixin_38107457

最新推荐文章于 2024-08-27 20:54:16 发布

阅读量309

点赞数

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

本文链接：https://blog.csdn.net/weixin_38107457/article/details/125138633

版权

本文详细介绍了如何在Flutter应用中实现个人中心页面的登录按钮使用Hero动画进行过渡效果。通过实例，展示了从列表页到详情页平滑过渡的技巧，涉及到的关键技术包括Flutter的Hero widget和动画配置。

摘要由CSDN通过智能技术生成

import 'package:flutter/material.dart';


class MineNoLoginPage extends StatefulWidget {
  const MineNoLoginPage({Key? key}) : super(key: key);

  @override
  State<MineNoLoginPage> createState() => _MineLoginPageState();
}

class _MineLoginPageState extends State<MineNoLoginPage> {
  bool isDown = false;
  @override
  Widget build(BuildContext context) {
    return Container(
      color:Color(0xffcddeec),
      child: Stack(
        alignment: Alignment.center,
        children: [
          GestureDetector(
            onTapDown: (TapDownDetails details){
              // 按下
              setState(() {
                isDown = true;
              });
            },
            onTapCancel: (){
              // 移除
              setState(() {
                isDown = false;
              });
            },
            onTap: (){
              // 跳转到登录页
                setState(() {
                isD