美文网首页Flutter
Flutter:竖向分隔线VerticalDivider不显示的

Flutter:竖向分隔线VerticalDivider不显示的

作者: 超级绿茶 | 来源:发表于2020-09-08 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群聊:口袋里的安卓,或关注同名的微信公众号!

    相关文章

      网友评论

        本文标题:Flutter:竖向分隔线VerticalDivider不显示的

        本文链接:https://www.haomeiwen.com/subject/iwcdektx.html