This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 54).
CircularProgress
A Jetpack Compose CircularProgress component for displaying circular progress indicators.
Android
A circular progress indicator component for displaying progress in a circular format.
Installation
Terminal
- npx expo install @expo/uiIf you are installing this in an existing React Native app, make sure to install expo in your project.
Usage
import { CircularProgress } from '@expo/ui/jetpack-compose'; <CircularProgress progress={0.5} style={{ width: 300 }} color="blue" elementColors={{ trackColor: '#cccccc' }} />
See official Jetpack Compose documentation for more information.
API
Components
Type: React.Element<CircularProgressProps>
Renders a CircularWavyProgress component with wavy animation.
Type: React.Element<LinearProgressProps>
Renders a LinearWavyProgress component with wavy animation.
Types
| Property | Type | Description |
|---|---|---|
| trackColor(optional) | ColorValue | Only for: Android Track color. |