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

Button

A Jetpack Compose Button component for displaying native buttons.

Android

A button component for displaying native buttons.

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 { Button } from '@expo/ui/jetpack-compose';

<Button
  variant="default"
  leadingIcon="filled.Edit"
  onPress={() => {
    setEditingProfile(true);
  }}>
  Edit profile
</Button>

{/* Button with both leading and trailing icons */}
<Button
  variant="bordered"
  leadingIcon="filled.Add"
  trailingIcon="filled.ArrowForward"
  onPress={() => console.log('Action')}>
  Add Item
</Button>

See official Jetpack Compose documentation for more information.

API

import { Button } from '@expo/ui/jetpack-compose';

No API data file found, sorry!