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

Expo MailComposer iconExpo MailComposer

GitHub

npm

A library that provides functionality to compose and send emails with the system's specific UI.

Android
Web

expo-mail-composer allows you to compose and send emails quickly and easily using the OS UI. This module can't be used on iOS Simulators since you can't sign into a mail account on them.

Installation

Terminal
npx expo install expo-mail-composer

If you are installing this in an existing React Native app, start by installing expo in your project. Then, follow the additional instructions as mentioned by the library's README under "Installation in bare React Native projects" section.

API

import * as MailComposer from 'expo-mail-composer';

Methods

MailComposer.composeAsync(options)

Android
iOS
Web
ParameterType
optionsMailComposerOptions

Opens a mail modal for iOS and a mail app intent for Android and fills the fields with provided data. On iOS you will need to be signed into the Mail app.

A promise fulfilled with an object containing a status field that specifies whether an email was sent, saved, or cancelled. Android does not provide this info, so the status is always set as if the email were sent.

MailComposer.getClients()

Android
iOS
Web

Retrieves a list of available email clients installed on the device. This can be used to present options to the user for sending emails through their preferred email client, or to open an email client so the user can access their mailbox — for example, to open a confirmation email sent by your app.

Returns:
MailClient[]

An array of available mail clients.

MailComposer.isAvailableAsync()

Android
iOS
Web

Determine if the MailComposer API can be used in this app.

Returns:
Promise<boolean>

A promise resolves to true if the API can be used, and false otherwise.

  • Returns true on iOS when the device has a default email setup for sending mail.
  • Can return false on iOS if an MDM profile is setup to block outgoing mail. If this is the case, you may want to use the Linking API instead.
  • Always returns true in the browser and on Android.

Types

MailClient

Android
iOS
Web

Represents a mail client available on the device.

PropertyTypeDescription
labelstring

The display name of the mail client.

packageName(optional)string
Only for:
Android

The package name of the mail client application. You can use this package name with the getApplicationIconAsync or openApplication functions from expo-intent-launcher to retrieve the app’s icon or open the mail client directly.

url(optional)string
Only for:
iOS

The URL scheme of the mail client. You can use this URL with the openURL function from expo-linking to open the mail client.

MailComposerOptions

Android
iOS
Web

A map defining the data to fill the mail.

PropertyTypeDescription
attachments(optional)string[]

An array of app's internal file URIs to attach.

bccRecipients(optional)string[]

An array of e-mail addresses of the BCC recipients.

body(optional)string

Body of the e-mail.

ccRecipients(optional)string[]

An array of e-mail addresses of the CC recipients.

isHtml(optional)boolean

Whether the body contains HTML tags so it could be formatted properly. Not working perfectly on Android.

recipients(optional)string[]

An array of e-mail addresses of the recipients.

subject(optional)string

Subject of the e-mail.

MailComposerResult

Android
iOS
Web
PropertyTypeDescription
statusMailComposerStatus-

Enums

MailComposerStatus

Android
iOS
Web

CANCELLED

MailComposerStatus.CANCELLED = "cancelled"

SAVED

MailComposerStatus.SAVED = "saved"

SENT

MailComposerStatus.SENT = "sent"

UNDETERMINED

MailComposerStatus.UNDETERMINED = "undetermined"