OpenContainer Flutter：如何设置打开容器的大小，默认是全屏打开答案

【问题标题】：OpenContainer Flutter : How to set size of open container, default it is opening in full screenOpenContainer Flutter：如何设置打开容器的大小，默认是全屏打开
【发布时间】：2020-10-05 14:00:33
【问题描述】：

在最近的flutter版本中，有一个新特性Open Container，这里是sn-p，如何设置openContainer的大小，closedbuilder是在其范围内接受和渲染，但是open builder是全屏大小。

OpenContainer(
            openElevation: 0,
            closedElevation: 0,
            closedColor: Colors.transparent,
            transitionType: ContainerTransitionType.fadeThrough,
            openBuilder: (BuildContext context, VoidCallback _) {
              return SizedBox( height:240, 
                        width:MediaQuery.of(context).size.width
                               child:SearchWidget());
            },
            closedBuilder:
                (BuildContext context, VoidCallback openContainer) {
              return Container(
                 height: 50
                 width: 50
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    const Icon(Icons.search),
                    const Text('Search', style: TextStyle(fontSize: 12))
                  ],
                ),

【问题讨论】：

标签： flutter flutter-layout flutter-animation

【解决方案1】：

OpenContainer – 一种容器，它会增长以填满屏幕以显示点击时的新内容。类似于英雄小部件。

你不能在OpenContainer Widget 中调整openBuilder 方法的大小。

因为它会将您的小容器转换为完整视图页面，如果您在单击搜索按钮后想要一个更小尺寸的小部件，您应该使用 animatedBuilder 并制作自己的动画

【讨论】：