学习flutter的布局笔记

1、布局时会用到

平时写的时候遇到的一些会用到又记不住的布局样式

// Flutter Column row宽高自适应
mainAxisSize: MainAxisSize.min,
// Flutter Column 占满水平空间
crossAxisAlignment: CrossAxisAlignment.stretch,

2、布局报错需注意

SingleChildScrollView 和 ListView 都有滚动属性physics 他们默认是都是可以滚动的,所以一起使用会报错

RenderBox was not laid out: _RenderScrollSemantics#ccded relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1681 pos 12: 'hasSize'

解决方法

禁用 ListView 的滚动physics 保留 SingleChildScrollView 的滚动
Listview 执行 physics 属性 new NeverScrollableScrollPhysics(), //禁用滚动事件

 ListView.builder(
              shrinkWrap: true,
              physics: new NeverScrollableScrollPhysics(),
)

https://blog.csdn.net/ly410726/article/details/101355965 原文

个人学习笔记，待新增