Flutter 底部的RenderFlex溢出了117个像素。导致错误的相关小部件为:列
我对颤振非常陌生,我正在学习一个关于如何构建颤振应用程序的教程。讲师应用程序运行良好,但我的应用程序出现错误 底部的RenderFlex溢出了3.0像素。相关的 导致小部件的错误为:列 还有一个错误 底部的RenderFlex溢出了117个像素。相关的 导致小部件的错误为:列 我的密码Flutter 底部的RenderFlex溢出了117个像素。导致错误的相关小部件为:列,flutter,dart,Flutter,Dart,我对颤振非常陌生,我正在学习一个关于如何构建颤振应用程序的教程。讲师应用程序运行良好,但我的应用程序出现错误 底部的RenderFlex溢出了3.0像素。相关的 导致小部件的错误为:列 还有一个错误 底部的RenderFlex溢出了117个像素。相关的 导致小部件的错误为:列 我的密码 import 'package:flutter/material.dart'; import 'models/job.dart'; import 'models/global.dart'; void main(
import 'package:flutter/material.dart';
import 'models/job.dart';
import 'models/global.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
color: backgroundColor,
child: Column(
children: <Widget>[
Stack(
children: <Widget>[
Container(
padding: EdgeInsets.all(40),
constraints: BoxConstraints.expand(height: 225),
decoration: BoxDecoration(
gradient: new LinearGradient(
colors: [lightBlueIsh, lightGreen],
begin: const FractionalOffset(1.0, 1.0),
end: const FractionalOffset(0.2, 0.2),
stops: [0.0, 1.0],
tileMode: TileMode.clamp
),
borderRadius: BorderRadius.only(bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30))
),
child: Container(
padding: EdgeInsets.only(top: 50),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text('Find Your New Job', style: titleStyleWhite,)
],
),
),
),
Container(
margin: EdgeInsets.only(top: 120),
constraints: BoxConstraints.expand(height:200),
child: ListView(
padding: EdgeInsets.only(left: 40),
scrollDirection: Axis.horizontal,
children: getRecentJobs()
),
),
Container(
height: 500,
margin: EdgeInsets.only(top: 300),
padding: EdgeInsets.all(20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
margin: EdgeInsets.only(top: 40),
child: Text(
"Explore New Opportunities",
style: titileStyleBlack,
),
),
Container(
height: 400,
child: ListView(
children: getJobCategories(),
),
)
],
),
)
],
)
],
),
),
);
}
List<String> jobCategories = ["Sales", "Engineering", "Health", "Education", "Finance"];
Map jobCatToIcon = {
"Sales" : Icon(Icons.monetization_on, color: lightBlueIsh, size: 50,),
"Engineering" : Icon(Icons.settings, color: lightBlueIsh, size: 50),
"Health" : Icon(Icons.healing, color: lightBlueIsh, size: 50),
"Education" : Icon(Icons.search, color: lightBlueIsh, size: 50),
"Finance" : Icon(Icons.card_membership, color: lightBlueIsh, size: 50),
};
Widget getCategoryContainer(String categoryName) {
return new Container(
margin: EdgeInsets.only(right: 10, left: 10, bottom: 20),
height: 180,
width: 140,
padding: EdgeInsets.all(10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(15)),
boxShadow: [
new BoxShadow(
color: Colors.grey,
blurRadius: 10.0,
),
],
),
child: Column(
children: <Widget>[
Text(categoryName, style: titileStyleLighterBlack),
Container(
padding: EdgeInsets.only(top: 30),
height: 100,
width: 70,
child: FloatingActionButton(
backgroundColor: Colors.white,
child: jobCatToIcon[categoryName],
elevation: 10,
onPressed: () {
},
),
)
],
),
);
}
List<Widget> getJobCategories() {
List<Widget> jobCategoriesCards = [];
List<Widget> rows = [];
int i = 0;
for (String category in jobCategories) {
if (i < 2) {
rows.add(getCategoryContainer(category));
i ++;
} else {
i = 0;
jobCategoriesCards.add(new Row(
mainAxisAlignment: MainAxisAlignment.center,
children: rows,
));
rows = [];
rows.add(getCategoryContainer(category));
i++;
}
}
if (rows.length > 0) {
jobCategoriesCards.add(new Row(
mainAxisAlignment: MainAxisAlignment.center,
children: rows,
));
}
return jobCategoriesCards;
}
List<Job> findJobs() {
List<Job> jobs = [];
for (int i = 0; i < 10; i++) {
jobs.add(new Job("Volvo", "Frontend Developer", 20000, "Remote", "Part time", new AssetImage("lib/assets/volvo.png")));
}
return jobs;
}
String makeSalaryToK(double salary) {
String money = "";
if (salary > 1000) {
if (salary > 100000000) {
salary = salary/100000000;
money = salary.toInt().toString() + "M";
} else {
salary = salary/1000;
money = salary.toInt().toString() + "K";
}
} else {
money = salary.toInt().toString();
}
return "\$" + money;
}
List<Widget> getRecentJobs() {
List<Widget> recentJobCards = [];
List<Job> jobs = findJobs();
for (Job job in jobs) {
recentJobCards.add(getJobCard(job));
}
return recentJobCards;
}
Widget getJobCard(Job job) {
return Container(
padding: EdgeInsets.all(10),
margin: EdgeInsets.only(right: 20, bottom: 30, top: 30),
height: 150,
width: 200,
decoration: BoxDecoration(
color: Colors.white,
boxShadow: [
new BoxShadow(
color: Colors.grey,
blurRadius: 20.0,
),
],
borderRadius: BorderRadius.all(Radius.circular(15))
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
children: <Widget>[
CircleAvatar(
backgroundImage: job.companyLogo,
),
Text(
job.jobTitle,
style: jobCardTitileStyleBlue,
)
],
),
Text(job.companyName + " - " + job.timeRequirement, style: jobCardTitileStyleBlack),
Text(job.location),
Text(makeSalaryToK(job.salary), style: salaryStyle)
],
),
);
}
}
导入“包装:颤振/材料.省道”;
导入“models/job.dart”;
导入“models/global.dart”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建(构建上下文){
返回材料PP(
debugShowCheckedModeBanner:false,
标题:“颤振演示”,
主题:主题数据(
主样本:颜色。蓝色,
),
主页:MyHomePage(),
);
}
}
类MyHomePage扩展StatefulWidget{
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
主体:容器(
颜色:背景色,
子:列(
儿童:[
堆叠(
儿童:[
容器(
填充:边缘设置。全部(40),
约束:框约束。展开(高度:225),
装饰:盒子装饰(
渐变:新的线性渐变(
颜色:[浅蓝色,浅绿色],
开始:常量分数偏移(1.0,1.0),
结束:常数分馏偏移(0.2,0.2),
停止:[0.0,1.0],
tileMode:tileMode.clamp
),
borderRadius:borderRadius.仅限(左下角:半径.圆形(30),右下角:半径.圆形(30))
),
子:容器(
填充:仅限边缘设置(顶部:50),
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
文本(“找到你的新工作”,样式:titleStyleWhite)
],
),
),
),
容器(
页边距:仅限边缘集(顶部:120),
约束:BoxConstraints.expand(高度:200),
子:ListView(
填充:仅限边缘设置(左:40),
滚动方向:轴水平,
儿童:getRecentJobs()
),
),
容器(
身高:500,
页边距:仅限边缘集(顶部:300),
填充:边缘设置。全部(20),
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
容器(
页边距:仅限边缘集(顶部:40),
子:文本(
“探索新机遇”,
款式:Titilestyle黑色,
),
),
容器(
身高:400,
子:ListView(
子项:getJobCategories(),
),
)
],
),
)
],
)
],
),
),
);
}
列出工作类别=[“销售”、“工程”、“健康”、“教育”、“金融”];
映射jobCatToIcon={
“销售”:图标(Icons.monetization\u on,颜色:浅蓝色,尺寸:50,),
“工程”:图标(图标。设置,颜色:浅蓝色,大小:50),
“健康”:图标(图标。愈合,颜色:浅蓝色,大小:50),
“教育”:图标(Icons.search,颜色:浅蓝色,大小:50),
“金融”:图标(Icons.card_会员,颜色:浅蓝色,尺寸:50),
};
小部件getCategoryContainer(字符串categoryName){
退回新货柜(
页边距:仅限边集(右:10,左:10,下:20),
身高:180,
宽度:140,
填充:边缘设置。全部(10),
装饰:盒子装饰(
颜色:颜色,白色,
borderRadius:borderRadius.all(半径.圆形(15)),
boxShadow:[
新盒影(
颜色:颜色。灰色,
半径:10.0,
),
],
),
子:列(
儿童:[
文本(类别名称,样式:titileStyleLighterBlack),
容器(
填充:仅限边缘设置(顶部:30),
身高:100,
宽度:70,
子:浮动操作按钮(
背景颜色:Colors.white,
子项:jobCatToIcon[类别名称],
标高:10,
已按下:(){
},
),
)
],
),
);
}
列出getJobCategories(){
列出工作分类卡片=[];
列表行=[];
int i=0;
for(jobCategories中的字符串类别){
如果(i<2){
添加(getCategoryContainer(category));
i++;
}否则{
i=0;
jobCategoriesCards.add(新行(
mainAxisAlignment:mainAxisAlignment.center,
孩子们:排,
));
行=[];
添加(getCategoryContainer(category));
i++;
}
}
如果(rows.length>0){
jobCategoriesCards.add(新行(
mainAxisAlignment:mainAxisAlignment.center,
孩子们:排,
));
}
返回工作分类卡;
}
列出findJobs(){
列出作业=[];
对于(int i=0;i<10;i++){
添加(新工作(“沃尔沃”,“前端开发人员”,
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: ListView(
```