我遇到 Flutter (Dart) RenderFlex 像素溢出问题。渲染库的一个例外。
如何管理或应用滚动功能到我的应用程序页面视图，并避免 Flutter 的渲染异常，并显示以下消息：
RenderFlex 底部溢出了 28 个像素。
如果您有任何机会需要完整的日志来帮助我，请在这里：
在热重载时，根据消息，它会在底部出现黄色/黑色条纹。
我可以使用可滚动小部件来管理它吗？或者我可以声明我的小部件以控制它？
如果需要完整的代码（我更改了文本数据，但假设出现的文本比屏幕尺寸长，因此出现错误）：
@override
Widget build(BuildContext context) {
return new DefaultTabController(
length: 3,
child: new Scaffold(
appBar: new AppBar(
bottom: new TabBar(
tabs: [
new Tab(text: "xxx",),
new Tab(text: "xxx",),
new Tab(text: "xxx",),
],
),
title: new Text(data["xxx"]),
),
body: new TabBarView(
children: [
new Column(
children: <Widget>[
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.blue,
fontSize: 16.0
),),
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.blue,
fontSize: 10.0
),),
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.blue,
fontSize: 16.0
),),
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.blue,
fontSize: 8.0
),
),
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.blue,
fontSize: 8.0
),),
new Row(
children: <Widget>[
new Expanded(
child: new Text("xxx"),
),
new Expanded(
child: new Icon(Icons.file_download, color: Colors.green, size: 30.0,),
),
],
),
new Divider(),
new Text("xxx",
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.red,
fontSize: 16.0
),
),
],
),
new ListView.builder(
itemBuilder: (BuildContext context, int index) => new EntryItem(_lstTiles[index]),
itemCount: _lstTiles.length,
),
new Column(
children: <Widget>[
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.green[900],
fontSize: 16.0
),
),
new Text(data["xxx"],
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.green[900],
fontSize: 16.0
),),
new Text(data["xxx"]),
new ListTile(title: new Text("xxx")),
new Text(data["xxx"]),
new ListTile(title: new Text("xxx")),
new Divider(),
new Text("xxx",
style: new TextStyle(
fontStyle: FontStyle.italic,
color: Colors.red,
fontSize: 16.0
),
),
],
),
],
),
),
);
}
这是一个很常见的问题，尤其是当您开始在多个设备和方向上测试应用程序时。 Flutter 的 Widget 图库有一个部分涵盖了各种滚动小部件：
https://flutter.io/widgets/scrolling/
我建议将您的整个内容包装在SingleChildScrollView，或使用滚动ListView.
EDIT:这个问题和答案已经引起了一些注意，所以我想为那些登陆这里的人提供更多帮助。
Flutter SDK 团队在 SDK 代码本身的良好文档方面投入了大量精力。了解算法的最佳资源之一Flex小部件（Row and Column都是子类Flex）用来布局它们的子级的是类本身附带的 DartDoc：
https://github.com/flutter/flutter/blob/e3005e6962cfefbc12e7aac56576597177cc966f/packages/flutter/lib/src/widgets/basic.dart#L3724
Flutter 网站还包含tutorial关于建筑布局和交互式代码实验室关于如何使用Row and Column小部件。