Components
AccessoryWidgetBackground
A SwiftUI adaptive background view that provides a standard appearance based on the widget's environment.
Expo UI AccessoryWidgetBackground matches the official SwiftUI AccessoryWidgetBackground API and creates an adaptive background view that provides a standard appearance based on the widget's environment.
Usage
Basic accessory widget background
import {
AccessoryWidgetBackground,
VStack,
Text,
ZStack,
} from '@expo/ui/swift-ui';
export default function BasicAccessoryWidgetBackground() {
return (
<ZStack>
<AccessoryWidgetBackground />
<VStack>
<Text>MON</Text>
</VStack>
</ZStack>
);
}API
import { AccessoryWidgetBackground } from '@expo/ui/swift-ui';Component
AccessoryWidgetBackground
Type: React.Element<AccessoryWidgetBackgroundProps>
AccessoryWidgetBackgroundProps
Inherited props
Modifiers
Use these modifiers in the modifiers prop of the SwiftUI version.
Modifiers for any view
accessibilityAddTraitsaccessibilityElementaccessibilityHiddenaccessibilityHintaccessibilityIdentifieraccessibilityInputLabelsaccessibilityLabelaccessibilityRemoveTraitsaccessibilityValueactivityBackgroundTintalignmentGuideallowsTighteninganimationaspectRatiobackgroundbackgroundOverlayblurboldborderbrightnessclippedclipShapecolorInvertcontainerBackgroundcontainerRelativeFrameiOS 17+containerShapecontentShapecontentTransitioniOS 16+contrastcornerRadiuscreateModifierdisableddynamicTypeSizeenvironmentfixedSizefontforegroundColorforegroundStyleframegeometryGroupiOS 17+glassEffectglassEffectIdgrayscalegridCellAnchoriOS 16+gridCellColumnsgridCellUnsizedAxesgridColumnAlignmentiOS 16+hiddenhueRotationidignoreSafeAreaimageScaleinvalidatableContentiOS 17+italickerninglayoutPrioritylineHeightiOS 26+lineLimitlineSpacingluminanceToAlphamaskmatchedGeometryEffectminimumScaleFactormonospacedDigitmultilineTextAlignmentoffsetonAppearonDisappearonGeometryChangeonLongPressGestureonTapGestureopacityoverlaypaddingprivacySensitiveredactedrotation3DEffectrotationEffectsaturationscaleEffectshadowstrikethroughstrokeBordertextCasetinttruncationModeunderlineunredactedwidgetURLzIndex
Sources
The original Expo docs for this page:
- AccessoryWidgetBackground (SwiftUI) (
source-of-truth/versions/v57.0.0/sdk/ui/swift-ui/accessorywidgetbackground.md)