Flutter 在点击另一个小部件时显示小部件_Flutter_Listview_Animation

Flutter 在点击另一个小部件时显示小部件

flutter listview animation

Flutter 在点击另一个小部件时显示小部件,flutter,listview,animation,Flutter,Listview,Animation,我正在开发一款Flitter应用程序，它可以在每个房间显示类似这样的智能家居设备当我点击房间的图片时，我想让红色圆圈中的部分显示在它的正下方，但我不知道这种动画是如何命名的我使用ListView绘制圆圈中的部分，使用InkWell绘制图片先谢谢你更新按照评论中的建议（谢谢）我找到了这个包超级容易使用，非常直观。我建议任何试图创建此可扩展卡的人签出此卡请签出此卡。。。这里有几种方法可以帮助您实现目标请检查一下这个。。。这里有几种方法可以帮助您实现目标我建议您将设备列表放在动画容器

我正在开发一款Flitter应用程序，它可以在每个房间显示类似这样的智能家居设备

当我点击房间的图片时，我想让红色圆圈中的部分显示在它的正下方，但我不知道这种动画是如何命名的

我使用ListView绘制圆圈中的部分，使用InkWell绘制图片

先谢谢你

更新按照评论中的建议（谢谢）我找到了这个包

超级容易使用，非常直观。我建议任何试图创建此可扩展卡的人签出此卡

请签出此卡。。。这里有几种方法可以帮助您实现目标

请检查一下这个。。。这里有几种方法可以帮助您实现目标

我建议您将设备列表放在

动画容器中，如下所示：
AnimatedContainer(
   height: isKitchenOpened ? 400 : 0,
   duration: Duration(milliseconds: 300),
   child: Placeholder(),
)

isKitchenOpened
是一个布尔值，点击厨房图片时可以切换
您还可以更改动画曲线，如曲线：曲线。减速
我建议您将设备列表放入动画容器中，如下所示：
AnimatedContainer(
   height: isKitchenOpened ? 400 : 0,
   duration: Duration(milliseconds: 300),
   child: Placeholder(),
)

isKitchenOpened
是一个布尔值，点击厨房图片时可以切换
您还可以更改动画曲线，如曲线：曲线。如果它位于屏幕底部，请减速。。。如果是这样的话，我会推荐一个MODALBOTTOMSHEET。它应该出现在已经点击的图片的正下方。就像我点击卧室一样，listview应该出现在卧室和厨房之间。它应该在屏幕的底部。。。如果是这样的话，我会推荐一个MODALBOTTOMSHEET。它应该出现在已经点击的图片的正下方。就像我点击卧室一样，listview应该出现在卧室和厨房之间。