Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 底部的RenderFlex溢出了117个像素。导致错误的相关小部件为:列_Flutter_Dart - Fatal编程技术网

Flutter 底部的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(

我对颤振非常陌生,我正在学习一个关于如何构建颤振应用程序的教程。讲师应用程序运行良好,但我的应用程序出现错误

底部的RenderFlex溢出了3.0像素。相关的 导致小部件的错误为:列

还有一个错误

底部的RenderFlex溢出了117个像素。相关的 导致小部件的错误为:列

我的密码

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(
    ```