gpt4 book ai didi

flutter - 通过使用列内的堆栈,底部被无限像素溢出

转载 作者:行者123 更新时间:2023-12-03 04:34:12 28 4
gpt4 key购买 nike

我正在使用堆栈小部件在屏幕内显示动画。我只使用了70%的屏幕,其余的则不用。我想在那里显示其他内容。当我将堆栈窗口小部件包装在列中时,出现错误:底部被无限像素溢出。
我尝试使用Container和SizedBox添加自定义高度。还尝试使用SingleChildScrollView。还是一样的错误。
码:

  @override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: whiteColor,
body: Column(
children: [
Stack(
children: <Widget>[
SizedBox(
height: MediaQuery.of(context).size.height * 0.72,
child: FlareActor(
'assets/videos/stars.flr',
alignment: Alignment.center,
fit: BoxFit.cover,
animation: 'Blink',
controller: _controller,
),
),
Container(
child: Transform.scale(
scale: 0.6,
child: FlareActor(
'assets/videos/talking-earth.flr',
alignment: Alignment.center,
fit: BoxFit.cover,
animation: 'activated',
controller: _controller,
),
),
),

Positioned(
left: MediaQuery.of(context).size.width / 3.8,
top: MediaQuery.of(context).size.width / 10,
child: Text(
"Published",
style: GoogleFonts.ptSansNarrow(
color: whiteColor,
fontSize: ScreenUtil().setSp(50),
fontWeight: FontWeight.bold),
),
),
],
),
Text("Test"),
],
),
);
}
}

最佳答案

您需要先使用“容器”包装堆栈,并设置预定义的高度。这是因为堆栈大小取决于其父堆栈。
这是Stack上的官方文档:https://api.flutter.dev/flutter/widgets/Stack-class.html

关于flutter - 通过使用列内的堆栈,底部被无限像素溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64388146/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com