【自学Flutter】9 Flex布局和 Expanded 的使用，深度好文

文章会持续更新的。绝对干货！！！Android进阶学习全套手册关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。

前端核心技术

404人浏览 · 2024-03-28 10:56:27

前端核心技术 · 2024-03-28 10:56:27 发布

1.源代码

import ‘package:flutter/material.dart’;

void main () => runApp(MyApp());

class MyApp extends StatefulWidget {

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State {

GlobalKey globalKey = new GlobalKey();

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

body: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: [

Flex(

direction: Axis.horizontal,

children: [

Expanded(

flex: 1,

child: Container(

height: 50.0,

color: Colors.orange,

Spacer(

flex: 1,

Expanded(

flex: 2,

child: Container(

height: 50.0,

color: Colors.green,

)

SizedBox(

height: 200.0,

child: Flex(

direction: Axis.vertical,

children: [

Expanded(

flex: 1,

child: Container(

height: 50.0,

color: Colors.red,

Spacer(

flex: 1,

Expanded(

flex: 2,

child: Container(

height: 50.0,

color: Colors.blue,

)

]

)

);

}

2.解释源代码

import ‘package:flutter/material.dart’;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V：vip204888 备注Android获取（资料价值较高，非无偿）

最后

文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。