Flutter系列之Flex布局详解
同系列文章如下：
Flutter 是 Google 推出的跨平台 UI 框架，可以快速地在 Android 和 IOS 上构建高质量的应用程序，其主要特点是 Flutter 具有快速开发的能力、富有表现力和灵活的 Ui 以及良好的原生性能，本篇文章主要介绍 Flutter 中的 Flex 布局，如下：
Flex基础 Flex常用设置 Row和Column Expanded和Flexible Space 总结 Flex基础
Flex 布局方式已经广泛使用在前端、小程序开发之中，如果之前已经学习过 Flex 布局，那么在 Flutter 中也是大同小异的，Flexible Box 示意图如下：
Flex Widget 可以设置主轴方向，如果知晓主轴方向，可以直接使用 Row 或者 Column，Flex Widget 不能滚动，如果涉及到滚动可以尝试使用 ListView，Flex Widget 的内容超过其宽度和高度，则显示黄黑相间的警告条纹，以水平方向为例出现的报错信息如下：
I/flutter (14749): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter (14749): The following assertion was thrown during layout: I/flutter (14749): A RenderFlex overflowed by 440 pixels on the right.
报错显示如下：
上一篇：
IDEA上Java项目控制台中文乱码