Flutter

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群聊:口袋里的安卓,或关注同名的微信公众号!

上一篇下一篇

猜你喜欢

热点阅读