您将要使用LayoutBuilder小部件,该小部件将 在布局时生成并提供父小部件的约束。
的
LayoutBuilder在需要
build()其具有标准功能BuildContext与沿BoxConstraints作为参数,可用于帮助动态地呈现基于尺寸的小部件。
让我们构建一个简单的小部件示例,如果父宽度大于200px,则呈现“ LARGE”,如果父宽度小于或等于200px,则呈现“ SMALL”。
var container = new Container( // Toggling width from 100 to 300 will change what is rendered // in the child container width: 100.0, // width: 300.0 child: new LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) { if(constraints.maxWidth > 200.0) { return new Text('BIG'); } else { return new Text('SMALL'); } } ),);


