我需要一个Lottie适合整个屏幕,所以我设置Lottie的高度和宽度为double.infinity
。但是Lottie从左上角扩展而不是从中心,使得Lottie的中心稍微移动到右下方向,无论对齐方式如何。还尝试了Center
和Align
的 Package
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Lottie.asset(
'splash_logo.json',
alignment: Alignment.center,
repeat: true,
height: double.infinity,
fit: BoxFit.cover,
width: double.infinity,
),
),
);
}
字符串
如何扩大它保持中心的洛蒂在屏幕的中心
2条答案
按热度按时间fhg3lkii1#
您可以使用
Stack
和Positioned.fill()
来扩展Lottie动画,使其中心保持在屏幕的中心。此外,为了确保适当的可伸缩性,使用FittedBox
Package 动画。类似于:字符串
nlejzf6q2#
您可以尝试将Lottie动画 Package 在
Container
中,并将Container
的高度和宽度设置为double.infinity
。这将允许Container
填充整个屏幕,并且动画将在此Container
内居中。举例说明;
字符串
另一种方法是使用
OverflowBox
小部件允许其子部件溢出父部件的框,这有助于解决对齐问题。型