Expo SDK

https://docs.expo.dev/versions/unversioned/
Admin
Expo SDK is a collection of packages providing access to device and system functionality such as...
Tokens:509,888
Snippets:5,880
Trust Score:10
Update:1 month ago
Show doc for...
Tokens:
Raw
### Initialize with specific examples

Source: https://docs.expo.dev/versions/unversioned/sdk/app-intents

Use the --examples flag to select specific intent examples during initialization.

```sh
npx expo-app-intents init --examples counter restaurant mail
```

--------------------------------

### Install expo-video-thumbnails

Source: https://docs.expo.dev/versions/unversioned/sdk/video-thumbnails

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-video-thumbnails

# yarn
yarn expo install expo-video-thumbnails

# pnpm
pnpm expo install expo-video-thumbnails

# bun
bun expo install expo-video-thumbnails
```

--------------------------------

### Install react-native-webview

Source: https://docs.expo.dev/versions/unversioned/sdk/webview

Commands to install the library using various package managers.

```sh
# npm
npx expo install react-native-webview

# yarn
yarn expo install react-native-webview

# pnpm
pnpm expo install react-native-webview

# bun
bun expo install react-native-webview
```

--------------------------------

### Install expo-image-picker

Source: https://docs.expo.dev/versions/unversioned/sdk/imagepicker

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-image-picker

# yarn
yarn expo install expo-image-picker

# pnpm
pnpm expo install expo-image-picker

# bun
bun expo install expo-image-picker
```

--------------------------------

### Install expo-background-fetch

Source: https://docs.expo.dev/versions/unversioned/sdk/background-fetch

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-background-fetch

# yarn
yarn expo install expo-background-fetch

# pnpm
pnpm expo install expo-background-fetch

# bun
bun expo install expo-background-fetch
```

--------------------------------

### Install expo-web-browser

Source: https://docs.expo.dev/versions/unversioned/sdk/webbrowser

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-web-browser

# yarn
yarn expo install expo-web-browser

# pnpm
pnpm expo install expo-web-browser

# bun
bun expo install expo-web-browser
```

--------------------------------

### Install expo-glass-effect

Source: https://docs.expo.dev/versions/unversioned/sdk/glass-effect

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-glass-effect

# yarn
yarn expo install expo-glass-effect

# pnpm
pnpm expo install expo-glass-effect

# bun
bun expo install expo-glass-effect
```

--------------------------------

### Install expo-task-manager

Source: https://docs.expo.dev/versions/unversioned/sdk/task-manager

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-task-manager

# yarn
yarn expo install expo-task-manager

# pnpm
pnpm expo install expo-task-manager

# bun
bun expo install expo-task-manager
```

--------------------------------

### Install react-native-pager-view

Source: https://docs.expo.dev/versions/unversioned/sdk/view-pager

Commands to install the library using various package managers.

```bash
# npm
npx expo install react-native-pager-view

# yarn
yarn expo install react-native-pager-view

# pnpm
pnpm expo install react-native-pager-view

# bun
bun expo install react-native-pager-view
```

--------------------------------

### Get Installation Time

Source: https://docs.expo.dev/versions/unversioned/sdk/application

Retrieves the installation timestamp of the application as a Promise.

```ts
await Application.getInstallationTimeAsync();
// 2019-07-18T18:08:26.121Z
```

--------------------------------

### Install expo-document-picker

Source: https://docs.expo.dev/versions/unversioned/sdk/document-picker

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-document-picker

# yarn
yarn expo install expo-document-picker

# pnpm
pnpm expo install expo-document-picker

# bun
bun expo install expo-document-picker
```

--------------------------------

### Install expo-live-photo

Source: https://docs.expo.dev/versions/unversioned/sdk/live-photo

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-live-photo

# yarn
yarn expo install expo-live-photo

# pnpm
pnpm expo install expo-live-photo

# bun
bun expo install expo-live-photo
```

--------------------------------

### Install expo-screen-orientation

Source: https://docs.expo.dev/versions/unversioned/sdk/screen-orientation

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-screen-orientation

# yarn
yarn expo install expo-screen-orientation

# pnpm
pnpm expo install expo-screen-orientation

# bun
bun expo install expo-screen-orientation
```

--------------------------------

### Install expo-secure-store

Source: https://docs.expo.dev/versions/unversioned/sdk/securestore

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-secure-store

# yarn
yarn expo install expo-secure-store

# pnpm
pnpm expo install expo-secure-store

# bun
bun expo install expo-secure-store
```

--------------------------------

### Route Context Key Example

Source: https://docs.expo.dev/versions/unversioned/sdk/router

Examples of route context keys.

```text
./index.tsx ./profile/[id].tsx
```

--------------------------------

### Install expo-audio

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Use these commands to install the expo-audio package in your project.

```sh
# npm
npx expo install expo-audio

# yarn
yarn expo install expo-audio

# pnpm
pnpm expo install expo-audio

# bun
bun expo install expo-audio
```

--------------------------------

### Install expo-intent-launcher

Source: https://docs.expo.dev/versions/unversioned/sdk/intent-launcher

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-intent-launcher

# yarn
yarn expo install expo-intent-launcher

# pnpm
pnpm expo install expo-intent-launcher

# bun
bun expo install expo-intent-launcher
```

--------------------------------

### Route Parameters Example

Source: https://docs.expo.dev/versions/unversioned/sdk/router

Example of the params object structure for a dynamic route.

```typescript
{ id: "123" } // For a route `./profile/[id].tsx` navigated to as `/profile/123`
```

--------------------------------

### Install expo-brightness

Source: https://docs.expo.dev/versions/unversioned/sdk/brightness

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-brightness

# yarn
yarn expo install expo-brightness

# pnpm
pnpm expo install expo-brightness

# bun
bun expo install expo-brightness
```

--------------------------------

### Install expo-tracking-transparency

Source: https://docs.expo.dev/versions/unversioned/sdk/tracking-transparency

Commands to install the package using various package managers.

```sh
# npm
npx expo install expo-tracking-transparency

# yarn
yarn expo install expo-tracking-transparency

# pnpm
pnpm expo install expo-tracking-transparency

# bun
bun expo install expo-tracking-transparency
```

--------------------------------

### Install expo-haptics

Source: https://docs.expo.dev/versions/unversioned/sdk/haptics

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-haptics

# yarn
yarn expo install expo-haptics

# pnpm
pnpm expo install expo-haptics

# bun
bun expo install expo-haptics
```

--------------------------------

### Install react-native-keyboard-controller

Source: https://docs.expo.dev/versions/unversioned/sdk/keyboard-controller

Use these commands to install the library using your preferred package manager.

```sh
# npm
npx expo install react-native-keyboard-controller

# yarn
yarn expo install react-native-keyboard-controller

# pnpm
pnpm expo install react-native-keyboard-controller

# bun
bun expo install react-native-keyboard-controller
```

--------------------------------

### Install expo-navigation-bar

Source: https://docs.expo.dev/versions/unversioned/sdk/navigation-bar

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-navigation-bar

# yarn
yarn expo install expo-navigation-bar

# pnpm
pnpm expo install expo-navigation-bar

# bun
bun expo install expo-navigation-bar
```

--------------------------------

### Install expo-age-range

Source: https://docs.expo.dev/versions/unversioned/sdk/age-range

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-age-range

# yarn
yarn expo install expo-age-range

# pnpm
pnpm expo install expo-age-range

# bun
bun expo install expo-age-range
```

--------------------------------

### Install react-native-view-shot

Source: https://docs.expo.dev/versions/unversioned/sdk/captureRef

Commands to install the library using various package managers.

```sh
# npm
npx expo install react-native-view-shot

# yarn
yarn expo install react-native-view-shot

# pnpm
pnpm expo install react-native-view-shot

# bun
bun expo install react-native-view-shot
```

--------------------------------

### Install expo-build-properties

Source: https://docs.expo.dev/versions/unversioned/sdk/build-properties

Commands to install the package using various package managers.

```sh
# npm
npx expo install expo-build-properties

# yarn
yarn expo install expo-build-properties

# pnpm
pnpm expo install expo-build-properties

# bun
bun expo install expo-build-properties
```

--------------------------------

### Install expo-linear-gradient

Source: https://docs.expo.dev/versions/unversioned/sdk/linear-gradient

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-linear-gradient

# yarn
yarn expo install expo-linear-gradient

# pnpm
pnpm expo install expo-linear-gradient

# bun
bun expo install expo-linear-gradient
```

--------------------------------

### Install expo-local-authentication

Source: https://docs.expo.dev/versions/unversioned/sdk/local-authentication

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-local-authentication

# yarn
yarn expo install expo-local-authentication

# pnpm
pnpm expo install expo-local-authentication

# bun
bun expo install expo-local-authentication
```

--------------------------------

### Install expo-observe

Source: https://docs.expo.dev/versions/unversioned/sdk/observe

Commands to install the expo-observe package using various package managers.

```sh
# npm
npx expo install expo-observe

# yarn
yarn expo install expo-observe

# pnpm
pnpm expo install expo-observe

# bun
bun expo install expo-observe
```

--------------------------------

### Install expo-app-intents

Source: https://docs.expo.dev/versions/unversioned/sdk/app-intents

Commands to install the package using various package managers.

```bash
# npm
npx expo install expo-app-intents

# yarn
yarn expo install expo-app-intents

# pnpm
pnpm expo install expo-app-intents

# bun
bun expo install expo-app-intents
```

--------------------------------

### Install expo-manifests

Source: https://docs.expo.dev/versions/unversioned/sdk/manifests

Use these commands to install the package using your preferred package manager.

```sh
# npm
npx expo install expo-manifests

# yarn
yarn expo install expo-manifests

# pnpm
pnpm expo install expo-manifests

# bun
bun expo install expo-manifests
```

--------------------------------

### Install expo-store-review

Source: https://docs.expo.dev/versions/unversioned/sdk/storereview

Commands to install the expo-store-review package using various package managers.

```sh
# npm
npx expo install expo-store-review

# yarn
yarn expo install expo-store-review

# pnpm
pnpm expo install expo-store-review

# bun
bun expo install expo-store-review
```

--------------------------------

### Install expo-dev-client

Source: https://docs.expo.dev/versions/unversioned/sdk/dev-menu

Commands to install expo-dev-client, which includes expo-dev-menu and additional development tools.

```sh
# npm
npx expo install expo-dev-client

# yarn
yarn expo install expo-dev-client

# pnpm
pnpm expo install expo-dev-client

# bun
bun expo install expo-dev-client
```

--------------------------------

### Install expo-splash-screen

Source: https://docs.expo.dev/versions/unversioned/sdk/splash-screen

Commands to install the expo-splash-screen library using various package managers.

```sh
# npm
npx expo install expo-splash-screen

# yarn
yarn expo install expo-splash-screen

# pnpm
pnpm expo install expo-splash-screen

# bun
bun expo install expo-splash-screen
```

--------------------------------

### Install expo-media-library

Source: https://docs.expo.dev/versions/unversioned/sdk/media-library-legacy

Use the appropriate package manager command to install the library in an Expo project.

```sh
# npm
npx expo install expo-media-library

# yarn
yarn expo install expo-media-library

# pnpm
pnpm expo install expo-media-library

# bun
bun expo install expo-media-library
```

--------------------------------

### Install @expo/ui

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/drop-in-replacements/bottomsheet

Commands to install the @expo/ui package using various package managers.

```sh
# npm
npx expo install @expo/ui

# yarn
yarn expo install @expo/ui

# pnpm
pnpm expo install @expo/ui

# bun
bun expo install @expo/ui
```

--------------------------------

### Install Blurhash Dependencies

Source: https://docs.expo.dev/versions/unversioned/sdk/image

Install the necessary packages for handling image uploads and blurhash encoding.

```bash
# npm
npm install multer sharp blurhash

# yarn
yarn add multer sharp blurhash

# pnpm
pnpm add multer sharp blurhash

# bun
bun add multer sharp blurhash
```

--------------------------------

### Launch an Activity

Source: https://docs.expo.dev/versions/unversioned/sdk/intent-launcher

Example of importing and using startActivityAsync to open system settings.

```ts
import { startActivityAsync, ActivityAction } from 'expo-intent-launcher';

// Open location settings
startActivityAsync(ActivityAction.LOCATION_SOURCE_SETTINGS);
```

--------------------------------

### Get Registered Tasks Example

Source: https://docs.expo.dev/versions/unversioned/sdk/task-manager

Example structure of the array returned by getRegisteredTasksAsync.

```js
[
  {
    taskName: 'location-updates-task-name',
    taskType: 'location',
    options: {
      accuracy: Location.Accuracy.High,
      showsBackgroundLocationIndicator: false,
    },
  },
  {
    taskName: 'geofencing-task-name',
    taskType: 'geofencing',
    options: {
      regions: [...],
    },
  },
]
```

--------------------------------

### Install @shopify/react-native-skia

Source: https://docs.expo.dev/versions/unversioned/sdk/skia

Use the expo CLI to install the library using your preferred package manager.

```sh
# npm
npx expo install @shopify/react-native-skia

# yarn
yarn expo install @shopify/react-native-skia

# pnpm
pnpm expo install @shopify/react-native-skia

# bun
bun expo install @shopify/react-native-skia
```

--------------------------------

### Get Install Referrer

Source: https://docs.expo.dev/versions/unversioned/sdk/application

Retrieves the referrer URL from the Google Play Store on Android.

```ts
await Application.getInstallReferrerAsync();
// "utm_source=google-play&utm_medium=organic"
```

--------------------------------

### Initialize App Intents

Source: https://docs.expo.dev/versions/unversioned/sdk/app-intents

Run the initializer from the project root to add the config plugin and starter Swift files.

```sh
npx expo-app-intents init
```

--------------------------------

### LiveActivityFactory.start

Source: https://docs.expo.dev/versions/unversioned/sdk/widgets

Starts a new Live Activity instance.

```APIDOC
## start(props, url, staleDate)

### Description
Starts a new Live Activity with the given properties.

### Parameters
- **props** (T) - Required - The initial content properties for the Live Activity.
- **url** (string) - Optional - An optional URL to associate with the Live Activity, used for deep linking.
- **staleDate** (Date) - Optional - When set, the system may de-emphasize the activity after this date if content has not been refreshed.

### Returns
- **LiveActivity<T>** - The new Live Activity instance.
```

--------------------------------

### Uncontrolled HorizontalPager

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/jetpack-compose/horizontalpager

Example of an uncontrolled pager where the component manages its own scroll position. Use initialPage to set the start and callbacks to track page changes.

```tsx
import {
  Box,
  Column,
  Host,
  HorizontalPager,
  Text,
  useMaterialColors,
} from '@expo/ui/jetpack-compose';
import {
  background,
  fillMaxSize,
  fillMaxWidth,
  height,
} from '@expo/ui/jetpack-compose/modifiers';
import { useState } from 'react';

export default function UncontrolledPagerExample() {
  const colors = useMaterialColors();
  const [currentPage, setCurrentPage] = useState(1);
  const [settledPage, setSettledPage] = useState(1);

  return (
    <Host
      matchContents={{ vertical: true }}
      style={{ width: '100%' }}>
      <Column
        verticalArrangement={{ spacedBy: 12 }}
        modifiers={[fillMaxWidth()]}>
        <Text
          style={{ typography: 'titleLarge' }}
          color={colors.onBackground}>
          currentPage: {currentPage} · settledPage: {settledPage}
        </Text>
        <HorizontalPager
          initialPage={1}
          onCurrentPageChange={setCurrentPage}
          onSettledPageChange={setSettledPage}
          modifiers={[fillMaxWidth(), height(240)]}>
          <Page label="Page 1" color="#6200EE" />
          <Page label="Page 2" color="#03DAC5" />
          <Page label="Page 3" color="#FF5722" />
        </HorizontalPager>
      </Column>
    </Host>
  );
}

function Page({ label, color }: { label: string; color: string }) {
  return (
    <Box
      modifiers={[fillMaxSize(), background(color)]}
      contentAlignment="center">
      <Text color="#FFFFFF" style={{ typography: 'headlineLarge' }}>
        {label}
      </Text>
    </Box>
  );
}
```

--------------------------------

### LiveActivity.start(props, url)

Source: https://docs.expo.dev/versions/unversioned/sdk/widgets

Starts a previously created Live Activity instance with initial props and an optional deep link URL.

```APIDOC
## LiveActivity.start(props, url)

### Description
Starts a Live Activity instance. When the user taps the activity, the system opens the app with the provided URL.

### Parameters
- **props** (object) - Required - The initial data for the activity.
- **url** (string) - Optional - A deep link URL associated with the activity.
```

--------------------------------

### Install expo-clipboard

Source: https://docs.expo.dev/versions/unversioned/sdk/clipboard

Commands to install the expo-clipboard package using various package managers.

```sh
# npm
npx expo install expo-clipboard

# yarn
yarn expo install expo-clipboard

# pnpm
pnpm expo install expo-clipboard

# bun
bun expo install expo-clipboard
```

--------------------------------

### Example of a local config plugin

Source: https://docs.expo.dev/versions/unversioned/sdk/fingerprint

Demonstrates defining a plugin as a separate module to improve fingerprinting reliability.

```javascript
const { withInfoPlist } = require('expo/config-plugins');

const withMyPlugin = config => {
  return withInfoPlist(config, config => {
    config.modResults.NSLocationWhenInUseUsageDescription =
      'Allow $(PRODUCT_NAME) to use your location';
    return config;
  });
};

module.exports = withMyPlugin;
```

--------------------------------

### Install expo-mesh-gradient

Source: https://docs.expo.dev/versions/unversioned/sdk/mesh-gradient

Use the appropriate package manager command to install the library in your project.

```sh
# npm
npx expo install expo-mesh-gradient

# yarn
yarn expo install expo-mesh-gradient

# pnpm
pnpm expo install expo-mesh-gradient

# bun
bun expo install expo-mesh-gradient
```

--------------------------------

### Install @expo/material-symbols

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/jetpack-compose/icon

Commands to install the @expo/material-symbols package for bundled icons.

```sh
# npm
npx expo install @expo/material-symbols

# yarn
yarn expo install @expo/material-symbols

# pnpm
pnpm expo install @expo/material-symbols

# bun
bun expo install @expo/material-symbols
```

--------------------------------

### Install expo-dev-menu

Source: https://docs.expo.dev/versions/unversioned/sdk/dev-menu

Commands to install the expo-dev-menu library using various package managers.

```sh
# npm
npx expo install expo-dev-menu

# yarn
yarn expo install expo-dev-menu

# pnpm
pnpm expo install expo-dev-menu

# bun
bun expo install expo-dev-menu
```

--------------------------------

### Implement basic video playback with controls

Source: https://docs.expo.dev/versions/unversioned/sdk/video

Demonstrates a basic video player setup with play/pause functionality using useVideoPlayer and VideoView.

```jsx
import { useEvent } from 'expo';
import { useVideoPlayer, VideoView } from 'expo-video';
import { StyleSheet, View, Button } from 'react-native';

const videoSource =
  'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4';

export default function VideoScreen() {
  const player = useVideoPlayer(videoSource, player => {
    player.loop = true;
    player.play();
  });

  const { isPlaying } = useEvent(player, 'playingChange', { isPlaying: player.playing });

  return (
    <View style={styles.contentContainer}>
      <VideoView
        style={styles.video}
        player={player}
        fullscreenOptions={{ enable: true }}
        allowsPictureInPicture
      />
      <View style={styles.controlsContainer}>
        <Button
          title={isPlaying ? 'Pause' : 'Play'}
          onPress={() => {
            if (isPlaying) {
              player.pause();
            } else {
              player.play();
            }
          }}
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  contentContainer: {
    flex: 1,
    padding: 10,
    alignItems: 'center',
    justifyContent: 'center',
    paddingHorizontal: 50,
  },
  video: {
    width: 350,
    height: 275,
  },
  controlsContainer: {
    padding: 10,
  },
});
```

--------------------------------

### Install expo-screen-capture

Source: https://docs.expo.dev/versions/unversioned/sdk/screen-capture

Use the appropriate package manager command to add the library to your project.

```sh
# npm
npx expo install expo-screen-capture

# yarn
yarn expo install expo-screen-capture

# pnpm
pnpm expo install expo-screen-capture

# bun
bun expo install expo-screen-capture
```

--------------------------------

### Install react-native-screens

Source: https://docs.expo.dev/versions/unversioned/sdk/screens

Commands to install the library using various package managers in an Expo project.

```bash
# npm
npx expo install react-native-screens

# yarn
yarn expo install react-native-screens

# pnpm
pnpm expo install react-native-screens

# bun
bun expo install react-native-screens
```

--------------------------------

### Install expo-background-task

Source: https://docs.expo.dev/versions/unversioned/sdk/background-task

Commands to install the background task library using various package managers.

```sh
# npm
npx expo install expo-background-task

# yarn
yarn expo install expo-background-task

# pnpm
pnpm expo install expo-background-task

# bun
bun expo install expo-background-task
```

--------------------------------

### Install the library

Source: https://docs.expo.dev/versions/unversioned/sdk/segmented-control

Use the expo install command to add the package to your project using your preferred package manager.

```bash
# npm
npx expo install @react-native-segmented-control/segmented-control

# yarn
yarn expo install @react-native-segmented-control/segmented-control

# pnpm
pnpm expo install @react-native-segmented-control/segmented-control

# bun
bun expo install @react-native-segmented-control/segmented-control
```

--------------------------------

### Installing expo-blur

Source: https://docs.expo.dev/versions/unversioned/sdk/blur-view

Commands to install the expo-blur package using various package managers.

```sh
# npm
npx expo install expo-blur

# yarn
yarn expo install expo-blur

# pnpm
pnpm expo install expo-blur

# bun
bun expo install expo-blur
```

--------------------------------

### AudioStream.start()

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Begins capturing audio from the microphone.

```APIDOC
## AudioStream.start()

### Description
Begins capturing audio from the microphone. Requires microphone permission.

### Returns
- **Promise<void>**
```

--------------------------------

### Install Async Storage

Source: https://docs.expo.dev/versions/unversioned/sdk/async-storage

Use the Expo CLI to install the library using your preferred package manager.

```sh
# npm
npx expo install @react-native-async-storage/async-storage

# yarn
yarn expo install @react-native-async-storage/async-storage

# pnpm
pnpm expo install @react-native-async-storage/async-storage

# bun
bun expo install @react-native-async-storage/async-storage
```

--------------------------------

### Install NetInfo library

Source: https://docs.expo.dev/versions/unversioned/sdk/netinfo

Commands to install the @react-native-community/netinfo package using various package managers.

```sh
# npm
npx expo install @react-native-community/netinfo

# yarn
yarn expo install @react-native-community/netinfo

# pnpm
pnpm expo install @react-native-community/netinfo

# bun
bun expo install @react-native-community/netinfo
```

--------------------------------

### Install expo-status-bar

Source: https://docs.expo.dev/versions/unversioned/sdk/status-bar

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-status-bar

# yarn
yarn expo install expo-status-bar

# pnpm
pnpm expo install expo-status-bar

# bun
bun expo install expo-status-bar
```

--------------------------------

### Install expo-application

Source: https://docs.expo.dev/versions/unversioned/sdk/application

Commands to install the expo-application package using various package managers.

```sh
# npm
npx expo install expo-application

# yarn
yarn expo install expo-application

# pnpm
pnpm expo install expo-application

# bun
bun expo install expo-application
```

--------------------------------

### Basic Form Implementation

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/swift-ui/form

A minimal example showing how to wrap components within a Host and Form.

```tsx
import { Host, Form, TextField } from '@expo/ui/swift-ui';

export default function BasicFormExample() {
  return (
    <Host style={{ flex: 1 }}>
      <Form>
        <TextField placeholder="Enter your name" />
      </Form>
    </Host>
  );
}
```

--------------------------------

### Install Expo SDK

Source: https://docs.expo.dev/versions/unversioned/sdk/expo

Commands to install the expo package using various package managers.

```sh
# npm
npx expo install expo

# yarn
yarn expo install expo

# pnpm
pnpm expo install expo

# bun
bun expo install expo
```

--------------------------------

### Implement Universal Components

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/universal

Basic usage example showing how to wrap components in a Host and import them from @expo/ui.

```tsx
import { useColorScheme } from 'react-native';
import { Host, Column, Button, Text } from '@expo/ui';

export default function UniversalExample() {
  const colorScheme = useColorScheme();

  return (
    <Host style={{ flex: 1 }}>
      <Column spacing={12} alignment="center">
        <Text textStyle={{ color: colorScheme === 'dark' ? '#FFFFFF' : '#000000' }}>
          Hello, world!
        </Text>
        <Button label="Press me" onPress={() => alert('Pressed')} />
      </Column>
    </Host>
  );
}
```

--------------------------------

### Install react-native-svg

Source: https://docs.expo.dev/versions/unversioned/sdk/svg

Commands to install the library using various package managers.

```sh
# npm
npx expo install react-native-svg

# yarn
yarn expo install react-native-svg

# pnpm
pnpm expo install react-native-svg

# bun
bun expo install react-native-svg
```

--------------------------------

### Configure app.json with plugin

Source: https://docs.expo.dev/versions/unversioned/sdk/tracking-transparency

Example configuration for the tracking transparency plugin in the app.json file.

```json
{
  "expo": {
    "plugins": [
      [
        "expo-tracking-transparency",
        {
          "userTrackingPermission": "This identifier will be used to deliver personalized ads to you."
        }
      ]
    ]
  }
}
```

--------------------------------

### Configure app.json with config plugin

Source: https://docs.expo.dev/versions/unversioned/sdk/navigation-bar

Example configuration for projects using Continuous Native Generation.

```json
{
  "expo": {
    "plugins": [
      [
        "expo-navigation-bar",
        {
          "enforceContrast": true,
          "hidden": false,
          "style": "light"
        }
      ]
    ]
  }
}
```

--------------------------------

### Install react-native-safe-area-context

Source: https://docs.expo.dev/versions/unversioned/sdk/safe-area-context

Commands to install the library using various package managers.

```sh
# npm
npx expo install react-native-safe-area-context

# yarn
yarn expo install react-native-safe-area-context

# pnpm
pnpm expo install react-native-safe-area-context

# bun
bun expo install react-native-safe-area-context
```

--------------------------------

### recordAsync(options)

Source: https://docs.expo.dev/versions/unversioned/sdk/camera

Starts recording a video.

```APIDOC
## recordAsync(options)

### Description
Starts recording a video that will be saved to the cache directory. Supported on Android and iOS.

### Parameters
- **options** (CameraRecordingOptions) - Optional - A map of recording options.

### Returns
- **Promise<{ uri: string } | undefined>**
```

--------------------------------

### prepareToRecordAsync(options)

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Prepares the recording for recording.

```APIDOC
## prepareToRecordAsync(options)

### Description
Prepares the recording for recording.

### Parameters
- **options** (Partial<RecordingOptions>) - Optional - Recording configuration options.

### Returns
- **Promise<void>**
```

--------------------------------

### Install expo-mail-composer

Source: https://docs.expo.dev/versions/unversioned/sdk/mail-composer

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-mail-composer

# yarn
yarn expo install expo-mail-composer

# pnpm
pnpm expo install expo-mail-composer

# bun
bun expo install expo-mail-composer
```

--------------------------------

### record(options)

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Starts the recording.

```APIDOC
## record(options)

### Description
Starts the recording.

### Parameters
- **options** (RecordingStartOptions) - Optional - Optional recording configuration options.

### Returns
- **void**
```

--------------------------------

### Initialize with custom directory

Source: https://docs.expo.dev/versions/unversioned/sdk/app-intents

Use the --dir flag to specify a custom directory for the App Intents module.

```sh
npx expo-app-intents init --dir siri
```

--------------------------------

### Install react-native-maps

Source: https://docs.expo.dev/versions/unversioned/sdk/map-view

Commands to install the library using various package managers.

```sh
# npm
npx expo install react-native-maps

# yarn
yarn expo install react-native-maps

# pnpm
pnpm expo install react-native-maps

# bun
bun expo install react-native-maps
```

--------------------------------

### FileSystem.makeDirectoryAsync(fileUri, options)

Source: https://docs.expo.dev/versions/unversioned/sdk/filesystem-legacy

Creates a new empty directory.

```APIDOC
## FileSystem.makeDirectoryAsync(fileUri, options)

### Description
Create a new empty directory.

### Parameters
- **fileUri** (string) - Required - file:// URI to the new directory to create.
- **options** (MakeDirectoryOptions) - Optional - A map of create directory options. Default: {}

### Returns
- **Promise<void>**
```

--------------------------------

### Install expo-keep-awake

Source: https://docs.expo.dev/versions/unversioned/sdk/keep-awake

Commands to install the package using various package managers.

```sh
# npm
npx expo install expo-keep-awake

# yarn
yarn expo install expo-keep-awake

# pnpm
pnpm expo install expo-keep-awake

# bun
bun expo install expo-keep-awake
```

--------------------------------

### Example of plugin configuration in app.json

Source: https://docs.expo.dev/versions/unversioned/sdk/fingerprint

Shows how to reference a local plugin module in the Expo configuration.

```json
{
  "expo": {
    ... 
    "plugins": "./plugins/withMyPlugin"
  }
}
```

--------------------------------

### Install expo-image-manipulator

Source: https://docs.expo.dev/versions/unversioned/sdk/imagemanipulator

Commands to install the package using various package managers.

```sh
# npm
npx expo install expo-image-manipulator

# yarn
yarn expo install expo-image-manipulator

# pnpm
pnpm expo install expo-image-manipulator

# bun
bun expo install expo-image-manipulator
```

--------------------------------

### Basic DockedSearchBar implementation

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/jetpack-compose/dockedsearchbar

A minimal example showing how to use the DockedSearchBar with a query state.

```tsx
import { useState } from 'react';
import { Host, DockedSearchBar } from '@expo/ui/jetpack-compose';

export default function BasicDockedSearchBarExample() {
  const [query, setQuery] = useState('');

  return (
    <Host matchContents>
      <DockedSearchBar onQueryChange={setQuery} />
    </Host>
  );
}
```

--------------------------------

### Basic usage of ExperimentalStack

Source: https://docs.expo.dev/versions/unversioned/sdk/router/experimental-stack

Demonstrates how to import and use ExperimentalStack as a layout component with screen options.

```tsx
import { ExperimentalStack as Stack } from 'expo-router';

export default function Layout() {
  return (
    <Stack screenOptions={{ headerShown: true }}>
      <Stack.Screen name="index" options={{ title: 'Home' }} />
      <Stack.Screen name="details" options={{ title: 'Details' }} />
    </Stack>
  );
}
```

--------------------------------

### Start a Live Activity

Source: https://docs.expo.dev/versions/unversioned/sdk/widgets

Initiate a Live Activity instance by calling the start method on the created activity component, optionally providing a deep link URL.

```tsx
import { Button, View } from 'react-native';
import DeliveryActivity from './DeliveryActivity';

function App() {
  const startDeliveryTracking = () => {
    // Start the Live Activity
    const instance = DeliveryActivity.start(
      {
        etaMinutes: 15,
        status: 'Your delivery is on the way',
      },
      'myapp://deliveries/12345'
    );
    // Store instance
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Button title="Start delivery tracking" onPress={startDeliveryTracking} />
    </View>
  );
}
export default App;
```

--------------------------------

### create(options)

Source: https://docs.expo.dev/versions/unversioned/sdk/filesystem

Creates a file.

```APIDOC
## create(options)

### Description
Creates a file.

### Parameters
- **options** (FileCreateOptions) - Optional - File creation options.

### Returns
- **void**
```

--------------------------------

### Use Audio Player with Local Asset

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Initialize an audio player using a local file asset.

```tsx
import { useAudioPlayer } from 'expo-audio';

function MyComponent() {
  const player = useAudioPlayer(require('./sound.mp3'));

  return (
    <Button title="Play" onPress={() => player.play()} />
  );
}
```

--------------------------------

### useVideoPlayer(source, setup, playerBuilderOptions)

Source: https://docs.expo.dev/versions/unversioned/sdk/video

Hook to create and manage a VideoPlayer instance.

```APIDOC
## useVideoPlayer(source, setup, playerBuilderOptions)

### Description
Creates a VideoPlayer, which will be automatically cleaned up when the component is unmounted. Supported on Android, iOS, tvOS, and Web.

### Parameters
- **source** (VideoSource) - Required - A video source that is used to initialize the player.
- **setup** ((player: VideoPlayer) => void) - Optional - A function that allows setting up the player.
- **playerBuilderOptions** (PlayerBuilderOptions) - Optional - Options to apply to the Android player builder.

### Returns
- **VideoPlayer**
```

--------------------------------

### Install @expo/app-integrity

Source: https://docs.expo.dev/versions/unversioned/sdk/app-integrity

Commands to install the library using various package managers.

```sh
# npm
npx expo install @expo/app-integrity

# yarn
yarn expo install @expo/app-integrity

# pnpm
pnpm expo install @expo/app-integrity

# bun
bun expo install @expo/app-integrity
```

--------------------------------

### Install expo-apple-authentication

Source: https://docs.expo.dev/versions/unversioned/sdk/apple-authentication

Commands to install the library using various package managers.

```sh
# npm
npx expo install expo-apple-authentication

# yarn
yarn expo install expo-apple-authentication

# pnpm
pnpm expo install expo-apple-authentication

# bun
bun expo install expo-apple-authentication
```

--------------------------------

### alignmentGuide(guide, value)

Source: https://docs.expo.dev/versions/unversioned/sdk/ui/swift-ui/modifiers

Sets the position of a horizontal alignment guide of this view.

```APIDOC
## alignmentGuide(guide, value)

### Description
Sets the position of a horizontal alignment guide of this view.

### Parameters
- **guide** ('center' | 'leading' | 'trailing' | 'listRowSeparatorLeading' | 'listRowSeparatorTrailing') - Required - The horizontal alignment guide to set.
- **value** (number) - Required - The position of the guide, in points from the leading edge of the view.

### Returns
- **ModifierConfig**
```

--------------------------------

### Brightness Usage Example

Source: https://docs.expo.dev/versions/unversioned/sdk/brightness

Demonstrates requesting permissions and setting system brightness within a React component.

```jsx
import { useEffect } from 'react';
import { StyleSheet, View, Text } from 'react-native';
import * as Brightness from 'expo-brightness';

export default function App() {
  useEffect(() => {
    (async () => {
      const { status } = await Brightness.requestPermissionsAsync();
      if (status === 'granted') {
        Brightness.setSystemBrightnessAsync(1);
      }
    })();
  }, []);

  return (
    <View style={styles.container}>
      <Text>Brightness Module Example</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
```

--------------------------------

### Install expo-video

Source: https://docs.expo.dev/versions/unversioned/sdk/video

Commands to install the expo-video package using various package managers.

```sh
# npm
npx expo install expo-video

# yarn
yarn expo install expo-video

# pnpm
pnpm expo install expo-video

# bun
bun expo install expo-video
```

--------------------------------

### Install expo-updates

Source: https://docs.expo.dev/versions/unversioned/sdk/updates

Commands to install the expo-updates library using various package managers.

```sh
# npm
npx expo install expo-updates

# yarn
yarn expo install expo-updates

# pnpm
pnpm expo install expo-updates

# bun
bun expo install expo-updates
```

--------------------------------

### Install expo-widgets

Source: https://docs.expo.dev/versions/unversioned/sdk/widgets

Commands to install the expo-widgets package using various package managers.

```sh
# npm
npx expo install expo-widgets

# yarn
yarn expo install expo-widgets

# pnpm
pnpm expo install expo-widgets

# bun
bun expo install expo-widgets
```

--------------------------------

### startAnimating()

Source: https://docs.expo.dev/versions/unversioned/sdk/image

Starts playback of an animated image.

```APIDOC
## startAnimating()

### Description
Asynchronously starts playback of the view's image if it is animated. Supported on Android and iOS.

### Returns
- **Promise<void>**
```

--------------------------------

### Install expo-symbols

Source: https://docs.expo.dev/versions/unversioned/sdk/symbols

Commands to install the expo-symbols package using various package managers.

```sh
# npm
npx expo install expo-symbols

# yarn
yarn expo install expo-symbols

# pnpm
pnpm expo install expo-symbols

# bun
bun expo install expo-symbols
```

--------------------------------

### Enable background recording at runtime

Source: https://docs.expo.dev/versions/unversioned/sdk/audio

Configure the audio mode and start recording using the useAudioRecorder hook.

```jsx
import { setAudioModeAsync, useAudioRecorder, RecordingPresets } from 'expo-audio';

await setAudioModeAsync({
  playsInSilentMode: true,
  allowsRecording: true,
  allowsBackgroundRecording: true,
});

const recorder = useAudioRecorder(RecordingPresets.HIGH_QUALITY);
await recorder.prepareToRecordAsync();
await recorder.record();

// Recording continues in background
```

--------------------------------

### Install expo-server

Source: https://docs.expo.dev/versions/unversioned/sdk/server

Commands to install the expo-server package using various package managers.

```sh
# npm
npx expo install expo-server

# yarn
yarn expo install expo-server

# pnpm
pnpm expo install expo-server

# bun
bun expo install expo-server
```

--------------------------------

### Install expo-sharing

Source: https://docs.expo.dev/versions/unversioned/sdk/sharing

Commands to install the expo-sharing package using various package managers.

```sh
# npm
npx expo install expo-sharing

# yarn
yarn expo install expo-sharing

# pnpm
pnpm expo install expo-sharing

# bun
bun expo install expo-sharing
```

--------------------------------

### preview(options)

Source: https://docs.expo.dev/versions/unversioned/sdk/filesystem

Opens the file with the platform's file preview flow.

```APIDOC
## preview(options)

### Description
Opens this file with the platform's file preview flow (Quick Look on iOS, ACTION_VIEW on Android).

### Parameters
- **options** (FilePreviewOptions) - Optional - Preview configuration.

### Returns
- **Promise<void>**
```

--------------------------------

### Install expo-speech

Source: https://docs.expo.dev/versions/unversioned/sdk/speech

Commands to install the expo-speech package using various package managers.

```sh
# npm
npx expo install expo-speech

# yarn
yarn expo install expo-speech

# pnpm
pnpm expo install expo-speech

# bun
bun expo install expo-speech
```

--------------------------------

### Install expo-sms

Source: https://docs.expo.dev/versions/unversioned/sdk/sms

Commands to install the expo-sms package using various package managers.

```sh
# npm
npx expo install expo-sms

# yarn
yarn expo install expo-sms

# pnpm
pnpm expo install expo-sms

# bun
bun expo install expo-sms
```
Tokens:
Raw