组件Components

ImageImage

展示本地资源、系统图标和远程图片的基础视图。A view for local assets, system symbols, and remote images.

入门Beginner • 3 分钟3 min

更新于Updated Apr 22, 2026

图片展示Displaying Images

Image 既能渲染 asset catalog 中的资源，也常用于 SF Symbols 图标。Image renders asset catalog resources and is often used with SF Symbols.

系统图片示例System Image Example

swift

1Image(systemName: "swift")
2    .font(.system(size: 40))
3    .foregroundStyle(.orange)
4    .padding()
5    .background(.orange.opacity(0.12), in: RoundedRectangle(cornerRadius: 20))

小提示Tip

对位图资源做尺寸调整时，通常先加 .resizable()，再结合 scaledToFit 或 scaledToFill。When resizing bitmap assets, usually add .resizable() before scaledToFit or scaledToFill.