Flutter是否支持层叠栅格样式布局,例如:
发布于 2017-11-14 15:28:26
您可以在一行中创建4个展开的容器,并在每个展开的容器中添加列:
下面是我运行的代码,给出了你想要的确切结果:
new Row(
children: <Widget>[
new Expanded(
child: new Column(
children: <Widget>[
new Container(
height: 50.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 24.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 150.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
],
),
),
new Expanded(
child: new Column(
children: <Widget>[
new Container(
height: 140.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 90.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 58.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
],
),
),
new Expanded(
child: new Column(
children: <Widget>[
new Container(
height: 20.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 220.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 50.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
],
),
),
new Expanded(
child: new Column(
children: <Widget>[
new Container(
height: 50.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 150.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
new Container(
height: 100.0,
color: Colors.grey,
margin: new EdgeInsets.all(10.0),
),
],
),
),
],
)
它给出了以下结果:
发布于 2017-11-14 21:11:34
可以将CustomScrollView或SliderGrid与自定义gridDelegate
一起使用
https://stackoverflow.com/questions/47276409
复制相似问题