← 返回 iOS 词条

外边距

iOS需自己实现

iOS 原生没有这个

SwiftUI 没有直接命名为 margin 的 API:官方文档里表达间隔的是视图自身的 padding 与排布容器的 spacing。

通常怎么做:要把某个视图推开就给它自己加 .padding();要让一组子视图彼此隔开就用 HStack / VStack 的 spacing。

元素边框以外留出的空隙,用来把它和周围的东西推开。

  • 外面留白
  • 把两个块推开的空
  • 元素周围空出来的地方
  • 外边距
  • 外部间距
  • 边距

其他平台的相似实现

Web原生支持
margin本平台没有对应叫法

上下外边距有时会折叠成两者中较大的那一个——这是 Web 独有的行为,另外两端都没有。

看 Web 视角 →
Android原生支持
layout_margin本平台没有对应叫法

Views 与 Compose 在这里分叉:Views 有 layout_margin,Compose 官方布局文档只用 padding 与 Arrangement 表达间隔,没有直接命名为 margin 的 API。

看 Android 视角 →

跨端框架实现

使用规范

什么时候用

  • 需要把某个元素推离相邻元素时
  • 需要让单个元素相对容器偏移时

什么时候别用

  • 要在容器内部为内容留空时——那是内边距
  • 要给一组同级项目统一留空时——间隔更可控,也不会折叠

容易混淆

iOS 出处

查看 Web / iOS / Android 完整对照 →