首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我想知道为什么当maxWidth是空的时候,Flutter Container中会有一个LimitedBox,关于Flutter == 0.0有什么意义呢?

maxWidth为空时,Flutter中的Container组件会包含一个LimitedBox组件。LimitedBox是一个用于限制子组件最大宽度的容器,它可以确保子组件不会超出指定的最大宽度。所以当maxWidth为空时,LimitedBox会被用来限制子组件的宽度。

关于== 0.0的意义,0.0表示一个浮点数的零值。在Flutter中,Container的属性widthheight可以接受一个double类型的值来表示宽度和高度。而当值为0.0时,表示宽度或高度为零,即没有具体的大小,这样子组件就不会被显示出来。

综上所述,当maxWidth为空时,Flutter中的Container会包含一个LimitedBox,用于限制子组件的最大宽度;而== 0.0表示组件的宽度或高度为零,即没有具体的大小。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter你竟是这样布局

---- 学习Flutter的人问你,为什么宽度为100某些小部件在显示时候,宽度不为100像素时,你默认答案告诉他们将小部件放在Center内,对吗? 不要这样做。...例如,如果一个组合Widget包含带有一些Padding和Column,并且希望如图所示布置其两个Widget: ? 谈判这样: Widget: 嗨,Parent,约束是什么?...布局自上而下,当前widget会有基本一些约束(来自它父元素),主要是关于宽高最小值和最大值 Widget无法知道也不决定其在屏幕上位置,因为Widget父级决定小部件位置。...但是Container为什么要这样决定?仅仅是因为这是创建Container的人设计决定。 其它Widget创建方式可能有所不同,具体取决于情况。 Example 7 ?...由于padding,因此可以看到红色,绿色Container与上一个示例大小相同。 Example 9 ?

2.3K20

Flutter 初学者必读高级布局规则

作者 | Marcelo Glasberg 译者 | 王强 策划 | 张晓楠 假设有人正在学习 Flutter,他问你为什么有的 width:100 widget 宽度不是 100 像素,标准答案让他将...如果你这么回答他,他就会一次又一次跑回来问你新问题,比如说为什么某些 FittedBox 无法正常工作,为什么那个 Column 溢出,或者 IntrinsicWidth 用来做什么,诸如此类。...例如,如果一个 widget 一个带有一些 padding column,并且想要布局自己两个子项: Widget:你好父项,约束是什么?...但为什么 Container 要这样决定?因为这是 Container widget 创建者设计决策。..., ]) 一个 Row 子项包装在一个 Expanded widget 时,Row 将不再允许该子项定义自己宽度。

1.6K20
  • Flutter布局指南之深入理解BoxConstraints

    如果不了解Widget约束条件如何应用,就很难预测Widget尺寸。很多时候,你根本不知道为什么一个Widget尺寸比你预期要大,或者比你想象要小。...因此,在这篇文章,让我们试着了解约束条件如何工作,以及对Widget尺寸影响。 那么,Flutter约束究竟是什么?...Flutter约束一个Widget宽度和高度简单限制 这些限制通过BoxConstraints对象指定。...当我们运行这段代码时,我们会得到尺寸为w=100.0, h=100.0Container。 那么为什么Container现在改变了它大小?...所以Container选择了100x100,因为它是在Loose约束下。 约束条件从父代传递到子代时会发生什么? 上面的例子表明,一个父Widget不可能简单地将它收到约束传递给它孩子。

    2.1K20

    全网最详细一篇Flutter 尺寸限制类容器总结

    Flutter尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox...BoxConstraints默认值如下: const BoxConstraints({ this.minWidth = 0.0, this.maxWidth = double.infinity...LimitedBox LimitedBox组件不受父组件约束时限制它尺寸,什么叫不受父组件约束?...就像这篇文章介绍其他组件,它们都会对子组件约束,没有约束父组件ListView、Row、Column等,如果LimitedBox父组件受到约束,此时LimitedBox将会不做任何操作,我们可以认为没有这个组件...... ) Container组件这些组件里面属性最多一个,当然也是用法最复杂一个,这里重点介绍Container对子组件约束,在前面的文章已经详细介绍了Container,这里不在介绍

    88210

    Flutter布局指南之Box套盒子

    对于写过Flutter开发者来说,敢肯定,大部分开发者都不能准确预测这次Hot Reload之后,布局是否自己想要结果。...在Flutter一堆Box布局组件,它们可以用来更加精确调整布局,下面我们就来看看这些Box都有哪些作用。...LimitedBox Widget没有父级来限制它们尺寸时,如何在Widget上设置它默认大小?这就需要使用到LimitedBox了。..., ], ) 由于Listview无尺寸约束,所以Container不会展示出来,这时候就需要使用LimitedBox。...), ], ) 同时,子Widget尺寸约束时,可以使用fit属性来控制Flex选择怎样约束,如果FlexFit.tight,那么Flexible将严格按照Flex布局,而忽略子

    1.2K10

    全网最详细一篇Flutter 尺寸限制类容器总结

    LimitedBox组件不受父组件约束时限制它尺寸,什么叫不受父组件约束?...组件这些组件里面属性最多一个,当然也是用法最复杂一个,这里重点介绍Container对子组件约束,在前面的文章已经详细介绍了Container,这里不在介绍,奉上跳转地址:https://...blog.csdn.net/mengks1987/article/details/104388393 总结 这么多约束类容器组件,到底要使用哪一个组件?...LimitedBox:适用于没有父组件约束情况。 Container:适用于不仅有尺寸约束,还有装饰(颜色、边框、等)、内外边距等需求情况。 今天文章对大家是否帮助?...如果有,请在文章底部留言和点赞,以表示对支持,你们留言、点赞和转发关注持续更新动力!

    1.2K00

    全网最详细一篇Flutter 尺寸限制类容器总结

    LimitedBox组件不受父组件约束时限制它尺寸,什么叫不受父组件约束?...组件这些组件里面属性最多一个,当然也是用法最复杂一个,这里重点介绍Container对子组件约束,在前面的文章已经详细介绍了Container,这里不在介绍,奉上跳转地址:https://...blog.csdn.net/mengks1987/article/details/104388393 总结 这么多约束类容器组件,到底要使用哪一个组件?...LimitedBox:适用于没有父组件约束情况。 Container:适用于不仅有尺寸约束,还有装饰(颜色、边框、等)、内外边距等需求情况。 今天文章对大家是否帮助?...如果有,请在文章底部留言和点赞,以表示对支持,你们留言、点赞和转发关注持续更新动力!

    62700

    全网最详细一篇Flutter 尺寸限制类容器总结

    LimitedBox组件不受父组件约束时限制它尺寸,什么叫不受父组件约束?...组件这些组件里面属性最多一个,当然也是用法最复杂一个,这里重点介绍Container对子组件约束,在前面的文章已经详细介绍了Container,这里不在介绍,奉上跳转地址:https://...blog.csdn.net/mengks1987/article/details/104388393 总结 这么多约束类容器组件,到底要使用哪一个组件?...LimitedBox:适用于没有父组件约束情况。 Container:适用于不仅有尺寸约束,还有装饰(颜色、边框、等)、内外边距等需求情况。 今天文章对大家是否帮助?...如果有,请在文章底部留言和点赞,以表示对支持,你们留言、点赞和转发关注持续更新动力!

    48600

    谷歌DevFest 2021 广州国际嘉年华-带你了解不一样 Flutter

    hello 大家好,Flutter开发实战详解》作者郭树煜,看标题就知道今天要给大家分享 Flutter 相关主题,分享内容也比较直接简单,就是关于 Flutter 布局相关知识点...但如果大家用过 Flutter ,应该知道 Flutter我们写界面都是通过 Widget 完成,并且可能会看起来嵌套得很多层,为什么?...因为 Center RenderObject RenderPositionedBox ,它在布局时候会有一个 constraints.loosen() 操作,这也是为什么你有时候加多一个 Center...那可能还会有人就疑惑, child 返回 size 在哪里使用? 答案肯定是在 paint 时候了使用,那这个 Offset 又是什么?...image 那如果时候不遵循这个 Offset ? 这里我们可以通过一个简单例子,直接用 CustomPaint 画一个 Demo。

    42830

    Flutter 专题】67 图解基本约束 Box (二)

    start/y 范围 [-1.0, 1.0]; 2. textDirection alignment 使用 AlignmentDirectional 方式设置对齐方式时,textDirection...约束,且 maxHeight / maxWidth 必须 >= 0.0; 案例尝试 和尚分如下几个场景进行尝试: LimitedBox 父 Widget 无限制,子 Widget 宽高小于约束最大宽高...; return Container(child: LimitedBox(maxWidth: 100, maxHeight: 100, child: Container(width: 80, height...LimitedBox 父 Widget 无限制,子 Widget 宽高大于约束最大宽高; return Container(child: LimitedBox(maxWidth: 100, maxHeight...---- Flutter 提供了多种约束 Box 方式,基本都是继承自 SingleChildRenderObjectWidget,每种 Box 各自特点,合理利用可以大大提高开发效率;和尚对 Box

    55241

    flutter系列之:深入理解布局基础constraints

    简介 我们在flutter中使用layout时候需要经常对组件进行一些大小限制,这种限制就叫做constraints,用来控制layout组件大小。...掌握了constraints才算对layout了真正了解,但是flutterconstraints和我们熟悉HTMLconstraints区别比较大,所以我们还是需要深入了解flutter...那么tight和loose什么区别?...通常来说,在flutter一个widgetconstraints从它parent继承而来。然后这个widget会将constraints告诉他子widget....为什么?这是因为不同widget对constraints不同定义,对于ConstrainedBox来说,他一个对其子项施加额外约束小部件。记住,这里额外约束。

    54820

    带你深入理解 Flutter 字体“冷”知识

    本篇将带你深入理解 Flutter 开发过程关于字体和文本渲染“冷”知识,帮助你理解和增加关于 Flutter 字体绘制“无用”知识点。...根据文档可知,首先 TextStyle height 参数值在设置后,其效果值 fontSize 倍数: height 为时,行高默认使用字体量度(这个量度后面会有解释); height...image 不过这里 Hg 往下偏移为什么这样偏移在后面会介绍,还会有对比。...image 三、backgroundColor 那么到这里应该对于 Flutter 关于文本大小、度量和行高等了基本认知,接着再介绍一个属性:TextStyle backgroundColor...image 自从,关于 Flutter 字体相关“冷”知识介绍完了,不知道你“无用”知识有没有增多

    1.3K30

    flutter系列之:flutter中常用container layout详解

    Container使用Container一个空白容器,通常可以用Container来封装其他widget。那么为什么还需要把widget封装在Container?...Container中有padding,decoration,constraints和margin这些和位置相关一些属性,他们什么关系?...旋转Container默认情况下Container一个正常布局widget,但是有时候我们可能需要实现一些特殊效果,比如说组件旋转,Container提供transform属性可以很方便做到这一点...ContainerBoxConstraints在Container设置Constraints时候,我们使用BoxConstraints。...BoxConstraints还有两个构造函数分别是loose和tight:BoxConstraints.loose(Size size) BoxConstraints.tight(Size size) 这两个什么区别

    31010

    Flutter | 布局流程

    需要注意,如果这个时候将 CustomCenter 宽高也设置为无限大就会有问题,因为在一个无限大范围内自己宽高也是无限大的话,那么自己父节点会懵逼。...//至于这里为什么可以获取到下一个组件,是因为在 多子组件 mount ,遍历创建所有的 child 然后将其插入到到 child childParentData 中了 RenderBox...那么一个组件是否 relayoutBoundary 条件是什么?...200, height: 200, color: Colors.red) 复制代码 运行之后,就会发现整个屏幕都为红色,为什么,我们看看 RenderView 实现: @override void...0.0 : double.infinity, )); } } 复制代码 总结 到这里我们已经对 flutter 布局流程比较熟悉了,现在我们看一张官网图: 在进行布局时候Flutter

    1.1K20

    Flutter | ConstrainedBox & UnconstrainedBox 组件

    (height: 10,); },), ); } 创建了一个ListView,每一个 item 一个 200*200 琥铂色(黄色)Container,讲道理,这个时候我们脑海里就应该有这样一个列表呈现...然而,当你运行时候: ? WTF?? 200*200 大方块?怎么变成长方形了? ? 难道不应该是这样吗? ? 好,带着这个问题,我们就来说今天两个主角。...注意:这里并不打算深入讨论 Flutter 约束机制,只是为了讲解这两个控件。 看本篇文章时我们只需要记住:child 尺寸大小由父级 Widget 给出约束来调整。...那我们再来看一下 BoxConstraints怎么用,它有6个构造函数,分别是: 1.BoxConstraints({double minWidth: 0.0, double maxWidth: double.infinity...在我们开头举例子,为什么设置 200*200 Container默认屏幕宽度? 因为ListView这种类型组件会根据滑动方向来设置约束。

    95910

    Flutter原理:三棵重要树(渲染过程、布局约束、应用视图构建等)

    这篇文章从 Flutter 框架层三棵树入手向大家层层剖析了 Flutter 渲染组件流程,从原理到实战,希望对想要提升 Flutter 读者们帮助。...熟悉了 Flutter 上述三颗树,相信读者会对组件渲染过程一个清晰认识,这对我们之后学习常用组件很大帮助,我们需要用不同眼光去看待我们所建立布局和控件,之后我们也会更加深入去理解其中更不为人知奥秘...那么,Element 根据什么来确定控件是否改变?...子节点接受到来自父节点约束后,会依据它产生自己具体布局信息,如父节点规定最小宽度 500 单位像素,子节点按照这个规则可能定义自己宽度为 500 个像素,或者大于 500 像素任何一个值...方法布局 child 时候传递了两个参数,第一个为 child 布局约束,而另外一个参数 parentUserSize, 该参数如果设置为 false,则意味着 parent 不关心 child

    1.7K40
    领券