React Native Open Gmail App - Javascript

In order to open the Gmail app from a React Native application, you need to use the Linking library provided by React Native.

Installation

You can install the Linking library simply by executing the following command:

npm install --save react-native-linking

Implementation

In order to open the Gmail app, you need to provide the deeplink for Gmail in your application. The deeplink for Gmail is googlegmail:///co.

Here is an example implementation of a button that opens the Gmail app:

import React from 'react';
import { View, Text, TouchableOpacity, Linking } from 'react-native';

const OpenGmailButton = () => {
  const handleOpenGmail = () => {
    Linking.openURL('googlegmail:///co');
  };

  return (
    <TouchableOpacity onPress={handleOpenGmail}>
      <View>
        <Text>Open Gmail</Text>
      </View>
    </TouchableOpacity>
  );
};

export default OpenGmailButton;

When the button is pressed, the handleOpenGmail function is called, which uses the Linking.openURL function to open the Gmail app. The googlegmail:///co deeplink is passed as a parameter to this function.

Notes

• The googlegmail:///co deeplink only works if the Gmail app is installed on the device. If it is not, the user will be prompted to install it.
• You can also pass additional parameters to the deeplink to pre-fill the email subject, body, etc. For more information on this, refer to the Gmail deeplink documentation.
• Make sure to import the Linking component from react-native.
• Make sure to handle errors when opening the app - this is not covered in this example.