Flutter踩坑记录

Flutter AppBar leading以及TabView中的图片

记一次自定义appBar的leading和tabView中放入icon的踩坑记录。

过程

flutter界面appBar中leading自定义圆形图片,此界面使用了tabBar和tabBarView组合,在tabBarView中塞入自定义圆形图片。
Flutter踩坑记录
Flutter踩坑记录

现象

Flutter踩坑记录
Flutter踩坑记录
结果可以看到appBar中的title设置这个圆形图片大小是有效果的,而appBar的leading和tabBarView直接设置这个圆形图片之后大小设置无效都是match父组件的宽高。(Ps:除了使用CircleAvatar组件还尝试使用了Container+BoxDecoration的方式设置图片的宽高,结果也是如此)

使用IconButton包裹后

Flutter踩坑记录
Flutter踩坑记录

效果

Flutter踩坑记录

小结

疑问点:如果说使用圆形图片(CircleAvatar或者是Container+BoxDecoration)不能单独使用必须外层包裹,即使内部设置大小也无效的话,那appBar的title直接设置圆形图片为什么是有效的?猜测是否是appBar的leading和tabBarView内部是否做了什么操作是子组件宽高都match父组件,那为什么加一层IconButton包裹的情况下,图片的大小设置时有效的呢???