Reference version

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

CircularProgress

GitHub

Changelog

npm

A SwiftUI CircularProgress component for displaying circular progress indicators.

iOS
tvOS

A circular progress indicator component for displaying progress in a circular format.

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 { CircularProgress, Host } from '@expo/ui/swift-ui'; <Host style={{ width: 300 }}> <CircularProgress progress={0.5} color="blue" /> </Host>

See Official SwiftUI documentation for more information.

API

Components

CircularProgress

iOS
tvOS

Type: React.Element<CircularProgressProps>

Renders a CircularProgress component.

CircularProgressProps

color

iOS
tvOS
Optional • Type: ColorValue

Progress color.

progress

iOS
tvOS
Optional • Literal type: union

The current progress value of the slider. This is a number between 0 and 1.

Acceptable values are: number | null

LinearProgress

iOS
tvOS

Type: React.Element<LinearProgressProps>

Renders a LinearProgress component.

LinearProgressProps

color

iOS
tvOS
Optional • Type: ColorValue

Progress color.

progress

iOS
tvOS
Optional • Literal type: union

The current progress value of the slider. This is a number between 0 and 1.

Acceptable values are: number | null