分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用 onpressed flutter 上的幻灯片动画在树上添加小部件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 onpressed flutter 上的幻灯片动画在树上添加小部件？

开发过程中遇到如何使用 onpressed flutter 上的幻灯片动画在树上添加小部件的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 onpressed flutter 上的幻灯片动画在树上添加小部件的解决方法建议，希望对你解决如何使用 onpressed flutter 上的幻灯片动画在树上添加小部件有所启发或帮助；

我需要在 onpressed 上完成的操作中使用幻灯片动画将小部件添加到树中父小部件将是一个列表视图，其中将在向下滑动动画中添加子部件

解决方法

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),);
  }
}

class Home extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => HomeState();
}

class HomeState extends State<Home> with SingleTickerProviderStatemixin {
  AnimationController controller;
  Animation<Offset> offset;

  @override
  void initState() {
    super.initState();

    controller =
        AnimationController(vsync: this,duration: Duration(seconds: 1));

    offset = Tween<Offset>(begin: Offset.zero,end: Offset(0.0,1.0))
        .animate(controller);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[
          Center(
            child: RaisedButton(
              child: Text('Show / Hide'),onPressed: () {
                switch (controller.status) {
                  case AnimationStatus.completed:
                    controller.reverse();
                    break;
                  case AnimationStatus.dismissed:
                    controller.forWARD();
                    break;
                  default:
                }
              },),Align(
            alignment: Alignment.bottomcatenter,child: SlideTransition(
              position: offset,child: Padding(
                padding: EdgeInsets.all(50.0),child: CircularProgressInDicator(),)
        ],);
  }
}