首页
学习
活动
专区
工具
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.7K20
  • Flutter布局指南之深入理解BoxConstraints

    如果不了解Widget的约束条件是如何应用的,就很难预测Widget的尺寸。很多时候,你根本不知道为什么一个Widget的尺寸比你预期的要大,或者比你想象的要小。...因此,在这篇文章中,让我们试着了解约束条件是如何工作的,以及对Widget尺寸的影响。 那么,Flutter中的约束究竟是什么?...Flutter中的约束是对一个Widget的宽度和高度的简单限制 这些限制是通过BoxConstraints对象指定的。...当我们运行这段代码时,我们会得到尺寸为w=100.0, h=100.0的Container。 那么为什么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,这里不在介绍

    98211

    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:适用于不仅有尺寸的约束,还有装饰(颜色、边框、等)、内外边距等需求的情况。 今天的文章对大家是否有帮助?...如果有,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞和转发关注是我持续更新的动力!

    64700

    全网最详细的一篇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:适用于不仅有尺寸的约束,还有装饰(颜色、边框、等)、内外边距等需求的情况。 今天的文章对大家是否有帮助?...如果有,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞和转发关注是我持续更新的动力!

    49000

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

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

    43130

    【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

    55741

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

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

    56220

    带你深入理解 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属性可以很方便的做到这一点...Container中的BoxConstraints在Container中设置Constraints的时候,我们使用的是BoxConstraints。...BoxConstraints还有两个构造函数分别是loose和tight:BoxConstraints.loose(Size size) BoxConstraints.tight(Size size) 这两个有什么区别呢

    31410

    Flutter | 布局流程

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

    1.2K20

    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这种类型的组件会根据滑动方向来设置约束。

    98510

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

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

    1.8K40
    领券