Reference version

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

A SwiftUI ColorPicker component for selecting colors.

iOS

A color picker component that allows users to select colors from a palette.

Installation

Terminal
npx expo install @expo/ui

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

Usage

import { ColorPicker, Host } from '@expo/ui/swift-ui'; <Host style={{ width: 400, height: 200 }}> <ColorPicker label="Select a color" selection={color} onValueChanged={setColor} /> </Host>

See Official SwiftUI documentation for more information.

API

Component

ColorPicker

iOS

Type: React.Element<ColorPickerProps>

Renders a ColorPicker component using SwiftUI.

ColorPickerProps

label

iOS
Optional • Type: string

A label displayed on the ColorPicker.

onValueChanged

iOS
Optional • Type: (value: string) => void

Callback function that is called when a new color is selected.

selection

iOS
Literal type: union

The currently selected color in the format #RRGGBB or #RRGGBBAA.

Acceptable values are: string | null

supportsOpacity

iOS
Optional • Type: boolean

Whether the color picker should support opacity.