我有一个列,其中有许多不同高度的子项,当不同的状态发生变化时,这些子项会出现和消失 - 因此,整个列的高度会发生变化。因此,我将 Column 包装在一个灵活的小部件中,如下所示:Flexible(child: Column(children: [...]))。有没有办法使柱的高度变化动画化?我知道我可以删除Flexible,将Column包装在AnimatedContainer中并为其高度设置动画,但是 Column 中有太多子项,这看起来非常乏味。我只是想知道是否有更好的方法来做到这一点?
如何在颤振中制作这种类型的动画?
我附上了一个YouTube 视频。我制作了很多动画,但没有一个能解决我现在面临的这个问题。
请导入: awesome_slider: ^0.1.0
这是我尝试过的代码:
class Submits extends StatefulWidget {
Submits({Key key}) : super(key: key);
@override
_SubmitsState createState() => _SubmitsState();
}
class _SubmitsState extends State<Submits> {
int valuess = 0;
List itemWidget = [
AnimatedContainer(
transform:Matrix4.translationValues(0, 0, 0) ,
// Use the properties stored in the State class.
key: UniqueKey(),
child: Center(
child: Padding(
padding: const EdgeInsets.fromLTRB(10,240,0,0),
),
),
width: 400,
height: 300,
decoration: BoxDecoration(
gradient: LinearGradient(colors: [Colors.red,Colors.red]),
color: Colors.blue,
),
// Define how long the …Run Code Online (Sandbox Code Playgroud)