Flutter 堆栈小部件不作为列小部件的子部件工作
当我将堆栈小部件作为列小部件的子部件放置时,我无法成功使其工作。我的意图是混合堆栈布局和列/行布局方法,以获得这两种方法的好处。当我运行代码时,编译器给出了一条很小的错误消息: ════════ (2) 呈现库捕获到异常 ═════════════════════════════════════════════════ 渲染器 底部的无限像素溢出。用户创建的 导致错误的小部件是:Scaffold file:///C:/Users/admin/AndroidStudioProjects/music_app/lib/main.dart:240:12 当我运行代码时,返回了空白的白色页面。我做错了什么?下面是代码段:Flutter 堆栈小部件不作为列小部件的子部件工作,flutter,dart,Flutter,Dart,当我将堆栈小部件作为列小部件的子部件放置时,我无法成功使其工作。我的意图是混合堆栈布局和列/行布局方法,以获得这两种方法的好处。当我运行代码时,编译器给出了一条很小的错误消息: ════════ (2) 呈现库捕获到异常 ═════════════════════════════════════════════════ 渲染器 底部的无限像素溢出。用户创建的 导致错误的小部件是:Scaffold file:///C:/Users/admin/AndroidStudioProjects/music
body: Column(
children: <Widget>[
Container(
child: Stack(
children: <Widget>[
Positioned(
top: 100,
left: 50,
child: Container(
child: Text("Text is Located here"),
),
),
],
),
)
],
),
body:Column(
儿童:[
容器(
子:堆栈(
儿童:[
定位(
前100名,
左:50,,
子:容器(
子项:文本(“文本位于此处”),
),
),
],
),
)
],
),
任何帮助都将不胜感激。谢谢请尝试以下代码:-
body: Column(
children: <Widget>[
Positioned(
top: 100,
left: 50,
child: Container(
child: Text("Text is Located here"),
),
),
],
),
body:Column(
儿童:[
定位(
前100名,
左:50,,
子:容器(
子项:文本(“文本位于此处”),
),
),
],
),
发生错误的原因是,如果未提供高度
或宽度
,您将堆栈
小部件包装为容器
,该容器将扩展到整个屏幕。因此,只需为容器提供一个自定义的高度
,即可修复溢出错误。工作代码如下:
body: Column(
children: <Widget>[
Container(
color: Colors.blue,
height: 200,
child: Stack(
children: <Widget>[
Positioned(
top: 100,
left: 50,
child: Container(
child: Text("Text is Located here"),
),
),
],
),
)
],
),
body:Column(
儿童:[
容器(
颜色:颜色,蓝色,
身高:200,
子:堆栈(
儿童:[
定位(
前100名,
左:50,,
子:容器(
子项:文本(“文本位于此处”),
),
),
],
),
)
],
),
我提供了一个测试高度。您可能需要根据您的要求提供高度或宽度
希望这能回答你的问题