我是扑朔迷离的动画的新手,我在文本/按钮动画中遇到了这个奇怪的错误。
因此,我尝试构建一个应用程序页面,单击该按钮时,这个AnimatedContainer
有两个孩子:Text
和Raised Button
(有Text
个孩子)从最初离开屏幕的位置滑到屏幕上。
AnimatedPositioned(
bottom: _bottom,
left: _left,
right: _right,
curve: Curves.bounceOut,
duration: Duration(seconds: 2),
child: Container(
width: MediaQuery.of(context).size.width,
child: Column(
children: <Widget>[
Text(
"how was your experience?",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
RaisedButton(
onPressed: () {
expSubmitted();
},
elevation: 2.0,
color: Color(0xffffee57),
child: Text(
"next"
),
padding: EdgeInsets.all(15.0),
)
],
),
),
)
但是,当文本动画到页面上时,该文本显示但堆叠在页面上,并且当它离开屏幕时,由于某种原因该文本保留下来(参见视频)。这里是否应该使用特定的小部件而不是AnimatedPositioned
?谢谢!