栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

将动画滑动到底部

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将动画滑动到底部

要为指标创建滑动动画(如果我理解您的要求正确),我只建议使用SlideTransition小部件。将其集成到您的现有代码中不需要太多的工作。

以下代码显示的最小示例

SlideTransition
。如果要 从一个屏幕导航到另一个屏幕的 过程中 继续显示它
则必须将其绘制在导航器 上方 的一层中。

如果您 喜欢使用a

Stack
,则可以改用flutter
的Overlay功能,如本答案所述。 导航过渡 期间
保持动画显示的同时,这也将解决斗争。

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.bottomCenter, child: SlideTransition(   position: offset,   child: Padding(     padding: EdgeInsets.all(50.0),     child: CircularProgressIndicator(),   ), ),          )        ],      ),    );  }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/418477.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号