This is documentation for the next SDK version. For up-to-date documentation, see the latest version (SDK 54).
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 CircularProgress component.
Optional • Literal type:
unionThe current progress value of the slider. This is a number between 0 and 1.
Acceptable values are: number | null
Type: React.Element<LinearProgressProps>
Renders a LinearProgress component.
Optional • Literal type:
unionThe current progress value of the slider. This is a number between 0 and 1.
Acceptable values are: number | null
Types
| Property | Type | Description |
|---|---|---|
| trackColor(optional) | ColorValue | Only for: Android Track color. |