首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【Flutter 组件集录】Positioned | 8 月更文挑战

    1.认识 Positioned 组件 Positioned 组件一般只用于 Stack 组件中,源码中对它的介绍是:一个可以控制 Stack 子组件位置的组件。...,通过 Positioned 组件嵌套绿色,红色不嵌套,且它们都没有高度。...可以看出,包裹 Positioned 组件后,由于 Container 未指定高度,高度没有约束。 未包裹 Positioned 组件的 Container ,会受到 Stack 的约束。...通过 LayoutBuilder 可以查看一下 Positioned 组件下的约束情况,如下,可以看出, Positioned 组件下是无约束的,这也是 Container 未指定高度,高度为 0 的根本原因...Positioned 组件只能用在 Stack 中吗? 如果 Positioned 用在别处,就会出现如下的异常: 严格意义上来说,Positioned 并不是只能用在 Stack 组件内。

    1.4K10

    【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )

    文章目录 一、Flutter 组件回顾 二、Center 组件 三、Wrap 组件 四、ClipRRect 组件 五、Stack 组件与 Positioned 组件 六、按钮组件组合 七、完整代码示例...相当于线性布局 , 水平方向布局 , 组件从左到右 ; Wrap : 该组件与 Row 组件类似 , Wrap 组件可以换行 ; Flow : 不常用 ; ParentDataWidget : Positioned...组件 ---- Stack 组件是帧布局组件 , 在其 children 字段设置一个 Widget 集合 ; 在 Stack 组件内部 , 可以使用 Positioned 组件指定某个子组件在 Stack...组件在帧布局中定位子组件 // 设置右上角的关闭按钮 Positioned( // 距离右侧 5 right: 5, // 距离顶部 5...组件将关闭按钮 , 放置在了右上角 ; 参考博客 : 【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned

    8.4K20
    领券