[英]Flutter making bad Hero animation
我在 2 个屏幕之间实现了一个 Hero animation。 问题是它没有正确显示 animation。 如图所示,在单词下方放置黄线
child: InkWell(
onTap: (){
Navigator.push(context, MaterialPageRoute(builder: (context) => CityScreen(widget.city)));
},
child: Row(
children: [
Padding(
padding: const EdgeInsets.all(15.0),
child: Hero(
tag: widget.city.name + 'img',
child: Container(
child: Image(
width: 100,
height: 100,
image: AssetImage('images/oussama.jpg'),
),
),
),
),
另一个屏幕是:
child: Scaffold(
body: NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverAppBar(
expandedHeight: 300.0,
floating: false,
pinned: true,
flexibleSpace: Center(
child: FlexibleSpaceBar(
centerTitle: true,
title: Hero(
tag: widget.city.name,
child: Container(
child: Text(widget.city.name,
style: TextStyle(
color: Colors.black,
fontSize: 30,
fontWeight: FontWeight.bold,
),
),
),
),
background: Hero(
tag: widget.city.name + 'img',
child: Container(
child: Image(
image: AssetImage('images/oussama.jpg'),
),
),
),
),
),
),
];
},
尝试将根小部件包装在 Scaffold 中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.