flutter 当一个列的高度改变为锚定屏幕的底部而不是顶部时,有没有一种方法可以使它抖动?

r1zhe5dt  于 2023-05-19  发布在  Flutter
关注(0)|答案(1)|浏览(149)

我正在做一个Flutter项目,我有一个屏幕,其中有一个包含多个小部件的列。其中一些是AnimatedContainers,在某些情况下,它们的高度会改变。如果高度变化的AnimatedContainer在屏幕上,默认情况下,这个小部件上面的内容保持静止,我们看到一个“推送”到它下面的内容(Example gif with a similar desired effect)。我想达到完全相反的行为。我想保持柱子的下半部分不动,移动上半部分。
我试图用SingleChildScrollView Package 我的列,并将reverse参数设置为true,但我有确切的一些行为。我也尝试了不同的路线对我的专栏,但似乎没有改变这种行为。

dfuffjeb

dfuffjeb1#

我可以通过使用Expanded Package 上面的小部件并为下面的小部件提供固定的高度来获得所需的行为。

Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Expanded(
          child: Container(
        color: Colors.amber,
      )),
      AnimatedContainer(
        duration: const Duration(milliseconds: 500),
        width: double.maxFinite,
        height: _isBig ? 200 : 100,
        color: Colors.red,
      ),
      Container(
        height: 100,
        color: Colors.blue,
      ),
    ],
  ),

相关问题