Flutter开发之——动画-过渡动画Hero(1)

2.1 构造函数

class Hero extends StatefulWidget

const Hero({

Key? key,

required this.tag,

this.createRectTween,

this.flightShuttleBuilder,

this.placeholderBuilder,

this.transitionOnUserGestures = false,

required this.child,

})

2.2 常见属性说明

| 属性 | 说明 | 取值 |

| :-: | :-: | :-: |

| tag | 过渡元素组件的标记值 | Object |

| createRectTween | 位置动画 | Tween<Rect?> Function |

| flightShuttleBuilder | 动画过程组件 | Widget Function |

| placeholderBuilder | 占位符组件 | Widget Function |

| transitionOnUserGestures | 使用手势进行专场时，是否显示动画 | bool |

注：2个页面都有Hero控件，且tag参数一致

三 示例

---

3.1 代码

跳转页面

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

title: ‘Flutter Demo’,

theme: ThemeData(primarySwatch: Colors.blue,),

home: MyHomePage(title: ‘Flutter Demo Home Page’),

);

}

}

class MyHomePage extends StatefulWidget {

MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State {

@override

Widget build(BuildContext context) {

_getLocalFile();

return Scaffold(

appBar: AppBar(

title: Text(widget.title),

backgroundColor: Colors.orange,

centerTitle: true,

//actions: [],

//leading: Text(“左侧组件”),

),

body:Column(children: [

Hero(tag: “HeroTag”, child: Image.asset(“images/img_1.jpg”,width: 100,height: 100,),),

RaisedButton(child: Text(“跳转”),onPressed: (){

Navigator.of(context).push(MaterialPageRoute(builder: (context){

return OtherPage(title: “新页面”,);

}));

})

],),

)

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

结尾

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

0y-1713341074282)]

[外链图片转存中…(img-mv5QwsTZ-1713341074283)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！