This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 57).

Expo UI AccessoryWidgetBackground matches the official SwiftUI AccessoryWidgetBackground API and creates an adaptive background view that provides a standard appearance based on the the widget's environment.

Installation

If you are installing this in an existing React Native app, make sure to install expo in your project.

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