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

LinearProgress

A Jetpack Compose LinearProgress component for displaying linear progress indicators.

Android

GitHub

npm

Changelog

A linear progress indicator component for displaying progress in a horizontal bar 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 { LinearProgress } from '@expo/ui/jetpack-compose';

<LinearProgress progress={0.5} style={{ width: 300 }} color="red" />

See official Jetpack Compose documentation for more information.

API

Components

`CircularProgress`

Android

Type: React.Element<CircularProgressProps>

Renders a CircularProgress component.

CircularProgressProps

`color`

Android

Optional • Type: ColorValue

Progress color.

`elementColors`

Android

Optional • Type: ProgressElementColors

Colors for switch's core elements.

`modifiers`

Android

Optional • Type: ExpoModifier[]

Modifiers for the component.

`progress`

Android

Optional • Literal type: union

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

Acceptable values are: number | null

`CircularWavyProgress`

Android

Type: React.Element<CircularProgressProps>

Renders a CircularWavyProgress component with wavy animation.

`LinearProgress`

Android

Type: React.Element<LinearProgressProps>

Renders a LinearProgress component.

LinearProgressProps

`color`

Android

Optional • Type: ColorValue

Progress color.

`elementColors`

Android

Optional • Type: ProgressElementColors

Colors for switch's core elements.

`modifiers`

Android

Optional • Type: ExpoModifier[]

Modifiers for the component.

`progress`

Android

Optional • Literal type: union

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

Acceptable values are: number | null

`LinearWavyProgress`

Android

Type: React.Element<LinearProgressProps>

Renders a LinearWavyProgress component with wavy animation.

Types

`ProgressElementColors`

Android

Property	Type	Description
trackColor(optional)	`ColorValue`	Only for: Android Track color.