Appearance modifiers
Configure a view’s foreground and background styles, controls, and visibility.
Overview
Use these modifiers to configure the appearance of a view, including the use of color and tint, and the application of overlays and background elements. Control the visibility of a view and specific elements within a view. Manage the shape and size of various controls.
For information about configuring views, see View configuration.
Topics
Colors and patterns
backgroundStyle(_:)foregroundStyle(_:)foregroundStyle(_:_:)foregroundStyle(_:_:_:)allowedDynamicRange(_:)
Tint
Light and dark appearance
Foreground elements
Background elements
background(alignment:content:)background(_:ignoresSafeAreaEdges:)background(ignoresSafeAreaEdges:)background(_:in:fillStyle:)background(in:fillStyle:)alternatingRowBackgrounds(_:)listRowBackground(_:)scrollContentBackground(_:)containerBackground(_:for:)containerBackground(for:alignment:content:)glassBackgroundEffect(displayMode:)glassBackgroundEffect(in:displayMode:)
Control configuration
defaultWheelPickerItemHeight(_:)horizontalRadioGroupLayout()controlSize(_:)buttonBorderShape(_:)buttonRepeatBehavior(_:)headerProminence(_:)scrollDisabled(_:)scrollBounceBehavior(_:axes:)scrollIndicatorsFlash(onAppear:)scrollIndicatorsFlash(trigger:)menuOrder(_:)menuActionDismissBehavior(_:)paletteSelectionEffect(_:)typeSelectEquivalent(_:)
Symbol effects
Privacy and redaction
Visibility
hidden()labelsHidden()menuIndicator(_:)listRowSeparator(_:edges:)listSectionSeparator(_:edges:)persistentSystemOverlays(_:)scrollIndicators(_:axes:)scrollClipDisabled(_:)tableColumnHeaders(_:)upperLimbVisibility(_:)volumeBaseplateVisibility(_:)
Sensory feedback
Widget configuration
widgetAccentable(_:)widgetCurvesContent(_:)widgetLabel(_:)widgetLabel(label:)dynamicIsland(verticalPlacement:)accessoryWidgetGroupStyle(_:)