Flutter开发时遇到一个让人很无语的问题,就是两个紧挨着的组件如(
Column
中的两个Container
)会出现一条透出背景色的缝隙,图1所示。
想了很多办法都无法解决,最后干脆在两个组件中间加了个高度为0的CustomPaint
绘制出一个上边超出1,高度为2的矩形,虽然问题解决了,但总觉得不太优雅,后来在网上看到了一篇文章flutter两个container之间出现分隔线,只需要将两个组件的border设置为: Border.all(width: 0, color: Colors.white)
即可,感谢作者Pansy``。
注:
width
要设置为0,color
为组件的背景色,这两个条件是必须的。