Expo SDK

https://docs.expo.dev/versions/v55.0.0
Admin
The Expo SDK provides a collection of packages that give React Native applications access to device...
Tokens:989,276
Snippets:8,576
Trust Score:10
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Start a Live Activity with DeliveryActivity.start

Source: https://docs.expo.dev/versions/v55.0.0/sdk/widgets

Starts a Live Activity by calling DeliveryActivity.start with initial props and an optional URL. The returned instance should be stored for later updates. This example continues from the 'Creating Live Activity' section.

```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;
```

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

### Basic Popover Example (BasicPopoverExample.tsx)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/popover

Shows the minimal setup for a Popover with a trigger button and content. Uses useState to control presentation and Host with matchContents.

```tsx
import { useState } from 'react';
import { Host, Button, Popover, Text, VStack } from '@expo/ui/swift-ui';
import { padding } from '@expo/ui/swift-ui/modifiers';

export default function BasicPopoverExample() {
  const [isPresented, setIsPresented] = useState(false);

  return (
    <Host matchContents>
      <Popover
        isPresented={isPresented}
        onIsPresentedChange={isPresented => setIsPresented(isPresented)}>
        <Popover.Trigger>
          <Button label="Show Popover" onPress={() => setIsPresented(true)} />
        </Popover.Trigger>
        <Popover.Content>
          <VStack modifiers={[padding({ all: 16 })]}>
            <Text>Hello from Popover!</Text>
          </VStack>
        </Popover.Content>
      </Popover>
    </Host>
  );
}
```

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

### useAudioRecorder example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/audio

Creates an AudioRecorder with high-quality preset and a status listener, then prepares and starts recording on button press. The hook manages the recorder lifecycle and disposes it on unmount.

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

function RecorderComponent() {
  const recorder = useAudioRecorder(
    RecordingPresets.HIGH_QUALITY,
    (status) => console.log('Recording status:', status)
  );

  const startRecording = async () => {
    await recorder.prepareToRecordAsync();
    recorder.record();
  };

  return (
    <Button title="Start Recording" onPress={startRecording} />
  );
}
```

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

### Basic Surface example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/surface

Renders a Surface with padding and text content inside a Host component. Use this as the simplest starting point for using Surface.

```tsx
import { Host, Surface, Text } from '@expo/ui/jetpack-compose';
import { paddingAll } from '@expo/ui/jetpack-compose/modifiers';

export default function BasicSurfaceExample() {
  return (
    <Host matchContents>
      <Surface modifiers={[paddingAll(16)]}>
        <Text>Content on a surface</Text>
      </Surface>
    </Host>
  );
}
```

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

### getInstallationTimeAsync() example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the app installation time as a Date. Supported on Android, iOS, tvOS, and Web. On web, returns null.

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

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

### Define a background location task with TaskManager and expo-location

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

Example of using TaskManager with expo-location to define a background location task. Requests foreground and background permissions, starts location updates, and defines a task that handles location data or errors. Requires expo-location to be installed.

```jsx
import React from 'react';
import { Button, View, StyleSheet } from 'react-native';
import * as TaskManager from 'expo-task-manager';
import * as Location from 'expo-location';

const LOCATION_TASK_NAME = 'background-location-task';

const requestPermissions = async () => {
  const { status: foregroundStatus } = await Location.requestForegroundPermissionsAsync();
  if (foregroundStatus === 'granted') {
    const { status: backgroundStatus } = await Location.requestBackgroundPermissionsAsync();
    if (backgroundStatus === 'granted') {
      await Location.startLocationUpdatesAsync(LOCATION_TASK_NAME, {
        accuracy: Location.Accuracy.Balanced,
      });
    }
  }
};

const PermissionsButton = () => (
  <View style={styles.container}>
    <Button onPress={requestPermissions} title="Enable background location" />
  </View>
);

TaskManager.defineTask(LOCATION_TASK_NAME, ({ data, error }) => {
  if (error) {
    // Error occurred - check `error.message` for more details.
    return;
  }
  if (data) {
    const { locations } = data;
    // do something with the locations captured in the background
  }
});

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

export default PermissionsButton;
```

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

### Installation

Source: https://docs.expo.dev/versions/v55.0.0/sdk/netinfo

Installation commands for the NetInfo library using various package managers.

```APIDOC
## [INSTALL] @react-native-community/netinfo

### Description
Install the NetInfo library using the Expo-compatible package manager command.

### Method
INSTALL

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

### Package Manager
npm

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

```

```APIDOC
## [INSTALL] @react-native-community/netinfo (yarn)

### Description
Install the NetInfo library using Yarn with the Expo CLI.

### Method
INSTALL

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

### Package Manager
yarn

### Example
```sh
yarn expo install @react-native-community/netinfo
```

```

```APIDOC
## [INSTALL] @react-native-community/netinfo (pnpm)

### Description
Install the NetInfo library using pnpm with the Expo CLI.

### Method
INSTALL

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

### Package Manager
pnpm

### Example
```sh
pnpm expo install @react-native-community/netinfo
```

```

```APIDOC
## [INSTALL] @react-native-community/netinfo (bun)

### Description
Install the NetInfo library using Bun with the Expo CLI.

### Method
INSTALL

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

### Package Manager
bun

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

```

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

### useBatteryLevel hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/battery

Example of using the useBatteryLevel hook to get the device's battery level as a number.

```ts
const batteryLevel = useBatteryLevel();
```

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

### useLowPowerMode hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/battery

Example of using the useLowPowerMode hook to get a boolean indicating if the device is in low power mode.

```ts
const lowPowerMode = useLowPowerMode();
```

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

### FileSystem.makeDirectoryAsync(fileUri, options)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/filesystem

Creates a directory. Deprecated; use `new Directory().create()`.

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

### Description
Creates a directory. Deprecated; use `new Directory().create()`.

### Method
makeDirectoryAsync

### Parameters
- `fileUri` (string) - Required - The directory URI to create.
- `options` (MakeDirectoryOptions) - Optional - Options for creating the directory.

### Returns
`Promise<void>`
```

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

### useBatteryState hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/battery

Example of using the useBatteryState hook to get the device's battery state as a BatteryState enum.

```ts
const batteryState = useBatteryState();
```

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

### LiveActivityFactory.start(props, url)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/widgets

Starts a new Live Activity with the given properties.

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

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

### Method
start

### Parameters
- `props` (type: `T`) - Required - The initial content properties for the Live Activity.
- `url` (optional, type: `string`) - An optional URL to associate with the Live Activity, used for deep linking.

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

```

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

### usePowerState hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/battery

Example of using the usePowerState hook to get power state information including lowPowerMode, batteryLevel, and batteryState.

```ts
const { lowPowerMode, batteryLevel, batteryState } = usePowerState();
```

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

### Device.osVersion example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/device

Returns the human-readable OS version string. The version string may not always contain three numbers separated by dots.

```javascript
Device.osVersion; // Android: "4.0.3"; iOS: "12.3.1"; web: "11.0", "8.1.0"
```

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

### Application.getInstallReferrerAsync()

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the referrer URL of the installed app using the Install Referrer API from the Google Play Store. Supported on Android only.

```APIDOC
## Application.getInstallReferrerAsync()

### Description
Gets the referrer URL of the installed app with the Install Referrer API from the Google Play Store. In practice, the referrer URL may not be a complete, absolute URL.

### Method
Application.getInstallReferrerAsync()

### Endpoint
Application.getInstallReferrerAsync()

### Parameters
None

### Request Example
```ts
await Application.getInstallReferrerAsync();
```

### Response
#### Success Response
- **Returns** (Promise<string>) - A Promise that fulfills with a string of the referrer URL.

#### Response Example
```ts
// "utm_source=google-play&utm_medium=organic"
```
```

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

### ActivityAction.SHOW_MANUAL

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

Constant for showing the manual.

```APIDOC
## ActivityAction.SHOW_MANUAL

### Description
Constant representing the Android settings action to show the manual.

### Constant Value
`"android.settings.SHOW_MANUAL"`

```

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

### Install react-native-safe-area-context with npm, yarn, pnpm, or bun

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

Install the library using your preferred package manager. Run the command in your project root. After installation, follow the library's README for additional setup if needed.

```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
```

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

### Pedometer.getStepCountAsync(start, end)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/pedometer

Get the step count between two dates.

```APIDOC
## `Pedometer.getStepCountAsync(start, end)`

### Description
Get the step count between two dates.

### Method
`getStepCountAsync`

### Parameters
- `start` (Date) - Required - A date indicating the start of the range over which to measure steps.
- `end` (Date) - Required - A date indicating the end of the range over which to measure steps.

### Returns
`Promise<PedometerResult>`

### Supported Platforms
iOS
```

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

### AudioRecorder.prepareToRecordAsync(options)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/audio

Prepares the recording for recording.

```APIDOC
## `AudioRecorder.prepareToRecordAsync(options)`

### Description
Prepares the recording for recording.

### Parameters
- `options` (optional) - [Partial](https://www.typescriptlang.org/docs/handbook/utility-types.html#partialtype)<[RecordingOptions](https://docs.expo.dev/versions/v55.0.0/sdk/audio.md#recordingoptions)>

### Returns
`Promise<void>`

### Supported Platforms
Android, iOS, tvOS, Web.
```

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

### getAdvertisingId() example

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

Gets the advertising ID (AAID on Android, IDFA on iOS). Returns null when tracking is limited or permission is not granted. The comment shows an example UUID string.

```ts
TrackingTransparency.getAdvertisingId();
// "E9228286-4C4E-4789-9D95-15827DCB291B"
```

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

### Basic DockedSearchBar example

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

A minimal example showing how to use DockedSearchBar with a query state. The component is wrapped in a Host with matchContents.

```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>
  );
}
```

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

### getInstallReferrerAsync() example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the referrer URL from the Google Play Store. Supported on Android only.

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

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

### ReadableStream example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/expo

Create a ReadableStream and read its values. The example enqueues two strings and logs them sequentially.

```js
const stream = new ReadableStream({
  start(controller) {
    controller.enqueue('Hello');
    controller.enqueue('World');
    controller.close();
  },
});
const reader = stream.getReader();
reader.read().then(({ done, value }) => {
  console.log(value); // Hello
});
reader.read().then(({ done, value }) => {
  console.log(value); // World
});
```

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

### FileSystem.makeDirectoryAsync(fileUri, options)

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

Creates a new empty directory.

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

### Description
Create a new empty directory.

### Method
FileSystem.makeDirectoryAsync

### 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>`
```

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

### useSegments() to get route segments

Source: https://docs.expo.dev/versions/v55.0.0/sdk/router

Use `useSegments()` to get a list of selected file segments for the current route. The example is from `app/profile/[user].tsx` and shows the segments for a dynamic route.

```tsx
import { Text } from 'react-native';
import { useSegments } from 'expo-router';

export default function Route() {
  // segments = ["profile", "[user]"]
  const segments = useSegments();

  return <Text>Hello</Text>;
}
```

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

### usePathname() to get current path

Source: https://docs.expo.dev/versions/v55.0.0/sdk/router

Use `usePathname()` to get the current route location without search parameters. The example is from `app/profile/[user].tsx` and shows the pathname for a dynamic route.

```tsx
import { Text } from 'react-native';
import { usePathname } from 'expo-router';

export default function Route() {
  // pathname = "/profile/baconbrix"
  const pathname = usePathname();

  return <Text>Pathname: {pathname}</Text>;
}
```

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

### AudioRecorder.record(options)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/audio

Starts the recording.

```APIDOC
## `AudioRecorder.record(options)`

### Description
Starts the recording.

> **Deprecated:** Use `record({ forDuration: seconds })` instead.

### Parameters
- `options` (optional) - [RecordingStartOptions](https://docs.expo.dev/versions/v55.0.0/sdk/audio.md#recordingstartoptions) - Optional recording configuration options.

### Returns
`void`

### Supported Platforms
Android, iOS, tvOS, Web.
```

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

### Write and read a text file with File and Paths

Source: https://docs.expo.dev/versions/v55.0.0/sdk/filesystem

Creates a file in the cache directory, writes text, and reads it back synchronously. The create() call can throw if the file already exists or permissions are missing.

```ts
import { File, Paths } from 'expo-file-system';

try {
  const file = new File(Paths.cache, 'example.txt');
  file.create(); // can throw an error if the file already exists or no permission to create it
  file.write('Hello, world!');
  console.log(file.textSync()); // Hello, world!
} catch (error) {
  console.error(error);
}

```

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

### DisclosureGroup

Source: https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/disclosuregroup

Documentation for the DisclosureGroup component from @expo/ui, including installation, usage examples, and API reference.

```APIDOC
## DisclosureGroup

### Description
A SwiftUI DisclosureGroup component for displaying expandable content. It matches the official SwiftUI DisclosureGroup API and displays a disclosure indicator that reveals or hides content.

### Installation

```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
```

### Usage

#### Basic disclosure group

```tsx BasicDisclosureGroupExample.tsx
import { Host, DisclosureGroup, Text } from '@expo/ui/swift-ui';

export default function BasicDisclosureGroupExample() {
  return (
    <Host matchContents>
      <DisclosureGroup label="More Information">
        <Text>This content is revealed when the disclosure group is expanded.</Text>
      </DisclosureGroup>
    </Host>
  );
}
```

#### Initially expanded

Set `isExpanded` to `true` initially to show the content by default.

```tsx InitiallyExpandedExample.tsx
import { useState } from 'react';
import { Host, DisclosureGroup, Text } from '@expo/ui/swift-ui';

export default function InitiallyExpandedExample() {
  const [isExpanded, setIsExpanded] = useState(true);

  return (
    <Host matchContents>
      <DisclosureGroup label="Details" isExpanded={isExpanded} onIsExpandedChange={setIsExpanded}>
        <Text>This content is visible by default.</Text>
      </DisclosureGroup>
    </Host>
  );
}
```

### API

```tsx
import { DisclosureGroup } from '@expo/ui/swift-ui';
```

### Component

#### `DisclosureGroup`

Supported platforms: iOS.

Type: React.Element<DisclosureGroupProps>

#### Props

- **children** (ReactNode) - Required - The content to be displayed when the disclosure group is expanded.
- **isExpanded** (boolean) - Optional - Controls whether the disclosure group is expanded.
- **label** (string) - Required - The label for the disclosure group.
- **onIsExpandedChange** ((isExpanded: boolean) => void) - Optional - A callback that is called when the expansion state changes.

#### Inherited props

- [CommonViewModifierProps](https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/modifiers.md)
```

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

### AuthSession.getRedirectUrl(path)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/auth-session

Gets the URL that your authentication provider needs to redirect to. For example: https://auth.expo.io/@your-username/your-app-slug.

```APIDOC
## AuthSession.getRedirectUrl(path)

### Description
Get the URL that your authentication provider needs to redirect to. For example: `https://auth.expo.io/@your-username/your-app-slug`. You can pass an additional path component to be appended to the default redirect URL.

### Method
`AuthSession.getRedirectUrl(path)`

### Parameters
- **path** (string) - Optional - An additional path component to append.

### Returns
`string`

### Example
```ts
const url = AuthSession.getRedirectUrl('redirect');

// Managed: https://auth.expo.io/@your-username/your-app-slug/redirect
// Web: https://localhost:19006/redirect
```

```

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

### useSQLiteContext() hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/sqlite

Shows how to use the useSQLiteContext() hook to access the database, run queries, and manage migrations. The example includes a SQLiteProvider with an onInit migration function, a Header component that fetches the SQLite version, and a Content component that fetches todos.

```tsx
import { SQLiteProvider, useSQLiteContext, type SQLiteDatabase } from 'expo-sqlite';
import { useEffect, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <SQLiteProvider databaseName="test.db" onInit={migrateDbIfNeeded}>
        <Header />
        <Content />
      </SQLiteProvider>
    </View>
  );
}

export function Header() {
  const db = useSQLiteContext();
  const [version, setVersion] = useState('');
  useEffect(() => {
    async function setup() {
      const result = await db.getFirstAsync<{ 'sqlite_version()': string }>(
        'SELECT sqlite_version()'
      );
      setVersion(result['sqlite_version()']);
    }
    setup();
  }, []);
  return (
    <View style={styles.headerContainer}>
      <Text style={styles.headerText}>SQLite version: {version}</Text>
    </View>
  );
}

interface Todo {
  value: string;
  intValue: number;
}

export function Content() {
  const db = useSQLiteContext();
  const [todos, setTodos] = useState<Todo[]>([]);

  useEffect(() => {
    async function setup() {
      const result = await db.getAllAsync<Todo>('SELECT * FROM todos');
      setTodos(result);
    }
    setup();
  }, []);

  return (
    <View style={styles.contentContainer}>
      {todos.map((todo, index) => (
        <View style={styles.todoItemContainer} key={index}>
          <Text>{`${todo.intValue} - ${todo.value}`}</Text>
        </View>
      ))}
    </View>
  );
}

async function migrateDbIfNeeded(db: SQLiteDatabase) {
  const DATABASE_VERSION = 1;
  let { user_version: currentDbVersion } = await db.getFirstAsync<{ user_version: number }>(
    'PRAGMA user_version'
  );
  if (currentDbVersion >= DATABASE_VERSION) {
    return;
  }
  if (currentDbVersion === 0) {
    await db.execAsync(`
PRAGMA journal_mode = 'wal';
CREATE TABLE todos (id INTEGER PRIMARY KEY NOT NULL, value TEXT NOT NULL, intValue INTEGER);
`);
    await db.runAsync('INSERT INTO todos (value, intValue) VALUES (?, ?)', 'hello', 1);
    await db.runAsync('INSERT INTO todos (value, intValue) VALUES (?, ?)', 'world', 2);
    currentDbVersion = 1;
  }
  // if (currentDbVersion === 1) {
  //   Add more migrations
  // }
  await db.execAsync(`PRAGMA user_version = ${DATABASE_VERSION}`);
}

const styles = StyleSheet.create({
  // Your styles...
});
```

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

### Device.supportedCpuArchitectures example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/device

Returns a list of supported processor architecture versions. The value is null if the supported architectures could not be determined, particularly on web.

```javascript
Device.supportedCpuArchitectures; // ['arm64 v8', 'Intel x86-64h Haswell', 'arm64-v8a', 'armeabi-v7a", 'armeabi']
```

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

### getLastUpdateTimeAsync() example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the last time the app was updated from the Google Play Store. Supported on Android only.

```ts
await Application.getLastUpdateTimeAsync();
// 2019-07-18T21:20:16.887Z
```

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

### Install expo-background-fetch

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

Install the expo-background-fetch package using your preferred package manager. Run this in your project directory.

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

```sh
yarn expo install expo-background-fetch
```

```sh
pnpm expo install expo-background-fetch
```

```sh
bun expo install expo-background-fetch
```

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

### Network.getNetworkStateAsync() example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/network

Gets the current network connection state. On web, type may be UNKNOWN if connected, otherwise NONE.

```ts
await Network.getNetworkStateAsync();
// {
//   type: NetworkStateType.CELLULAR,
//   isConnected: true,
//   isInternetReachable: true,
// }
```

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

### Stack.Toolbar.Menu example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/router/stack

Example of using Stack.Toolbar.Menu with an icon, label, and a menu action. The onPress handler is empty in the example.

```tsx
<Stack.Toolbar.Menu>
  <Stack.Toolbar.Icon sfSymbol="ellipsis.circle" />
  <Stack.Toolbar.Label>Options</Stack.Toolbar.Label>
  <Stack.Toolbar.MenuAction onPress={() => {}}>Action 1</Stack.Toolbar.MenuAction>
</Stack.Toolbar.Menu>
```

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

### useLoaderData hook example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/router

Use this hook to get the result of the loader function for the calling route. The loader function returns a promise that resolves to the data, which is then accessible via useLoaderData. The example shows a loader returning { foo: 'bar' } and displaying it.

```tsx
import { Text } from 'react-native';
import { useLoaderData } from 'expo-router';

export function loader() {
  return Promise.resolve({ foo: 'bar' }};
}

export default function Route() {
 const data = useLoaderData<typeof loader>(); // { foo: 'bar' }

 return <Text>Data: {JSON.stringify(data)}</Text>;
}
```

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

### Installation

Source: https://docs.expo.dev/versions/v55.0.0/sdk/expo

Installation instructions for the expo package using various package managers.

```APIDOC
## [Installation] expo

### Description
Install the `expo` package using the package manager of your choice.

### Method
Installation

### Command
- `npx expo install expo`
- `yarn expo install expo`
- `pnpm expo install expo`
- `bun expo install expo`

### Package Manager
npm, yarn, pnpm, bun
```

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

### getVisibilityAsync() example

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

Gets the navigation bar's visibility. Returns `hidden` on unsupported platforms (iOS, web). Supported on Android.

```ts
const visibility = await NavigationBar.getVisibilityAsync();
```

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

### .fingerprintignore example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/fingerprint

Example .fingerprintignore file to exclude files from hash calculation. Uses minimatch patterns. Relative to project root.

```ignore
# Ignore the entire android directory
android/**/*

# Ignore the entire ios directory but still keep ios/Podfile and ios/Podfile.lock
ios/**/*
!ios/Podfile
!ios/Podfile.lock

# Ignore specific package in node_modules
node_modules/some-package/**/*

# Same as above but having broader scope because packages may be nested
**/node_modules/some-package/**/*
```

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

### Application.getInstallationTimeAsync()

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the time the app was installed onto the device, not counting subsequent updates. Supported on Android, iOS, tvOS, and Web.

```APIDOC
## Application.getInstallationTimeAsync()

### Description
Gets the time the app was installed onto the device, not counting subsequent updates. If the app is uninstalled and reinstalled, this method returns the time the app was reinstalled.

### Method
Application.getInstallationTimeAsync()

### Endpoint
Application.getInstallationTimeAsync()

### Parameters
None

### Request Example
```ts
await Application.getInstallationTimeAsync();
```

### Response
#### Success Response
- **Returns** (Promise<Date>) - A Promise that fulfills with a Date object specifying the installation time.

#### Response Example
```ts
// 2019-07-18T18:08:26.121Z
```
```

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

### IntentLauncher.startActivityAsync(activityAction, params)

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

Starts the specified activity. The method will return a promise which resolves when the user returns to the app.

```APIDOC
## [SDK] IntentLauncher.startActivityAsync(activityAction, params)

### Description
Starts the specified activity. The method will return a promise which resolves when the user returns to the app.

### Method
`startActivityAsync`

### Parameters
- **activityAction** (string) - Required - The action to be performed, for example, `IntentLauncher.ActivityAction.WIRELESS_SETTINGS`. There are a few pre-defined constants you can use for this parameter. You can find them at `expo-intent-launcher/src/IntentLauncher.ts`.
- **params** (IntentLauncherParams) - Optional - An object of intent parameters. Default: `{}`

### Returns
`Promise<IntentLauncherResult>` - A promise which fulfils with `IntentLauncherResult` object.

### Supported Platforms
Android
```

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

### getIosIdForVendorAsync() example

Source: https://docs.expo.dev/versions/v55.0.0/sdk/application

Gets the iOS identifier for vendor (IDFV). Supported on iOS only. May return null if the device has been restarted before unlock.

```ts
await Application.getIosIdForVendorAsync();
// "68753A44-4D6F-1226-9C60-0050E4C00067"
```

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

### Install expo-system-ui with npm, yarn, pnpm, or bun

Source: https://docs.expo.dev/versions/v55.0.0/sdk/system-ui

Install expo-system-ui using your preferred package manager. Run one of these commands in your project root.

```sh
npx expo install expo-system-ui
```

```sh
yarn expo install expo-system-ui
```

```sh
pnpm expo install expo-system-ui
```

```sh
bun expo install expo-system-ui
```

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

### create(options)

Source: https://docs.expo.dev/versions/v55.0.0/sdk/filesystem

Creates a file with optional creation options.

```APIDOC
## create(options)

### Description
Creates a file.

### Parameters
- `options` (FileCreateOptions) - Optional - Creation options.

### Returns
`void`

### Supported Platforms
Android, iOS, tvOS
```

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

### Exclude libraries from version checks with install.exclude

Source: https://docs.expo.dev/versions/v55.0.0/config/package-json

Add libraries to the 'install.exclude' array to prevent version warnings from 'npx expo start', 'npx expo-doctor', and 'npx expo install' (when installing a new version or using --check/--fix).

```json
{
  "expo": {
    "install": {
      "exclude": ["expo-updates", "expo-splash-screen"]
    }
  }
}
```

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

### Installation

Source: https://docs.expo.dev/versions/v55.0.0/sdk/constants

Instructions for installing the expo-constants package using various package managers.

```APIDOC
## Installation

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

# yarn
yarn expo install expo-constants

# pnpm
pnpm expo install expo-constants

# bun
bun expo install expo-constants
```

If you are installing this in an [existing React Native app](https://docs.expo.dev/bare/overview.md), make sure to [install `expo`](https://docs.expo.dev/bare/installing-expo-modules.md) in your project.
```
Tokens:
Raw