devnn的专栏

Expanded组件是flutter中使用率很高的一个组件，它可以动态调整child组件沿主轴的尺寸，比如填充剩余空间，比如设置尺寸比例。它常常和Row或Column组合起来使用。关于Row和Column组件的介绍可以参阅我的另一篇文章：flutter Row和Column组件构造函数const Expanded({Key key,int flex: 1,@required Widge...

Row和Column是flutter中最基础的容器组件，Row用来水平放置子组件，Column用来垂直放置子组件。它们都可以设置子组件的对齐方式。重点需要了解它们有哪些对齐方式，以及如何对齐的。布局特点Row在水平方向会尽可能大，大到会撑满parent；在垂直方向会尽可能小，小到能包裹住children。children在水平默认居左，垂直方向上默认居中。Column在垂直方向上会尽可能大，...

Stack是一个容器类组件，它可以放入多个子组件，子组件按先后顺序堆叠。它类似于安卓中的帧布局FrameLayout。构造函数 Stack( {Key key, AlignmentGeometry alignment: AlignmentDirectional.topStart, TextDirection textDirection, StackFit fit: StackF...

Container是flutter中广泛使用的容器类组件，在以下场景会用到Container：设置宽高：flutter中大部分组件不能设置宽高，需要依赖容器。添加背景颜色添加背影图像添加内外边距：padding和margin添加边框设置圆角设置child对齐：居中、居左、居右、居上、居下或偏移设置变换：旋转或变形因此，Container是一个非常基础的组件，同时也是用途广泛的...

flutter开发中经常会遇到如标题所示的错误，意思是控件超出了屏幕尺寸。表现为应用并没有闪退，只是UI显示会与预期不符。比如在Row中放置几张图片时，最后一张超出了屏幕宽度，会变成这样子：源代码：import 'package:flutter/material.dart';void main() => runApp(MaterialApp( home: Scaffold...