Flutter:竖向分隔线VerticalDivider不显示的
2020-09-08 本文已影响0人
超级绿茶
在开发中会遇到已经给VerticalDivider指定了宽度值,也看到了宽度的确被撑开了,但就是看不见分隔线。
这主是没有给容纳VerticalDivider的布局组件指定高度,以至于VerticalDivider的高度为0。通常情况下我们不会给父组件指定高度,而是让子组件根据实际内容来撑起父组件的高度,虽然在视觉上父组件被撑开了,但实际上父组件的高度仍然是0,而VerticalDivider的高度是跟随父组件的高度,所以遇到这种情况时需要给父组件指定高度才能显示。
VerticalDivider(
width: 2, // 默认线是 1px 的高度,宽度设置的是左右的间距
color: Colors.white,
indent: 10, // 相当于 marginTop
endIndent: 100, // 相当于 marginBottom
thickness: 10, // 线的厚度,
)
欢迎加入我的QQ群聊:口袋里的安卓,或关注同名的微信公众号!