问Animatedcontainer |根据儿童身高设置动画
EN

Stack Overflow用户

提问于 2020-01-15 04:53:26

回答 1查看 448关注 0票数 0

我想根据孩子的身高来动画化容器的高度，可以吗？

请看下面的例子。卡片>列>容器，动画容器

如何在AnimatedContainer上设置XYZ值以匹配子部件的高度，或者重置父部件。

Widget example(){
return Card(
margin: EdgeInsets.symmetric(horizontal: 10, vertical: 3),
elevation: 5,
shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(15.0),
),
child: Column(
  children: <Widget>[
    Container(
      height: 400,
      child: Text('Something with height 400'),
    ),
    AnimatedContainer(
    duration: Duration(seconds: 2),
    width: selected ? xyz : 100.0,
    height: selected ? xyz : 100.0,
    color: selected ? Colors.red : Colors.blue,
    alignment: selected ? Alignment.center : AlignmentDirectional.topCenter,
    curve: Curves.fastOutSlowIn,
    child: FlutterLogo(size: 75),
  ),
  ]
 )
}

flutter

回答 1

Stack Overflow用户

发布于 2020-01-15 05:52:49

您似乎缺少的是使用setState进行颤动重新渲染和启动动画：

AnimatedContainer(
  duration: Duration(seconds: 2),
  width: selected ? xyz : 100.0,
  height: selected ? xyz : 100.0,
  color: selected ? Colors.red : Colors.blue,
  alignment: selected ? Alignment.center : AlignmentDirectional.topCenter,
  curve: Curves.fastOutSlowIn,
  child: FlutterLogo(size: 75),
),
RaisedButton(
  child: Text('Change dimensions'),
  onPressed: (){
    setState(() {
      selected = !selected;
    });
  },
),

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59741640

复制

相似问题

问Animatedcontainer |根据儿童身高设置动画
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Animatedcontainer |根据儿童身高设置动画EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Animatedcontainer |根据儿童身高设置动画
EN