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

CircularProgress

A SwiftUI CircularProgress component for displaying circular progress indicators.

iOS

tvOS

GitHub

npm

Changelog

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

Component

`Progress`

iOS

tvOS

Type: React.Element<ProgressProps>

Renders a Progress component.

ProgressProps

`color`

iOS

tvOS

Optional • Type: ColorValue

Progress color.

`countsDown`

iOS

tvOS

Optional • Type: boolean • Default: false

Whether the progress counts down instead of up.

`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

`timerInterval`

iOS

tvOS

Optional • Type: ClosedRangeDate

The lower and upper bounds for automatic timer progress.

`variant`

iOS

tvOS

Optional • Literal type: string • Default: 'circular'

The style of the progress indicator.

Acceptable values are: 'linear' | 'circular'

Inherited Props

CommonViewModifierProps