Wie starte und öffne ich den E-Mail-Client React-native?

Ich möchte keine E-Mail verfassen. Ich möchte nur in der Lage sein, die Haupt-E-Mail-App auf dem Gerät eines Benutzers (iOS und Android) über eine reaktionsnative App zu starten.

Szenario: Ich werde dem Benutzer bei der Anmeldung eine Bestätigungs-E-Mail senden.

Reagieren Sie auf die native Open Mail-Funktion

<Button onPress={() => Linking.openURL('mailto:support@example.com') }
      title="support@example.com" />

Reagieren Sie auf die native Open Mail-Funktion mit Betreff und Text

<Button onPress={() => Linking.openURL('mailto:support@example.com?subject=SendMail&body=Description') }
      title="support@example.com" />

Native native URL reagieren

<Button onPress={() => Linking.openURL('https://www.google.co.in/') }
      title="www.google.co.in" />

## Vergiss nicht zu importieren

import { Linking } from 'react-native'

Hinweis: Wird im iOS-Simulator nicht unterstützt, daher müssen Sie auf einem Gerät testen.

Leider ist keine der Antworten richtig .

Ich möchte keine E-Mail verfassen. Ich möchte nur die Haupt-E-Mail-App starten können

Ich möchte das gleiche Verhalten haben:

1. Anmeldebildschirm mit einer Schaltfläche Open Email App
2. Der Benutzer öffnet seine E-Mail-App
3. Er kann auf den magischen Link klicken, um wieder in die App zu gelangen

Mehr oder weniger das gleiche wie das Slack Onboarding mit dem magischen Link.

Ich habe eine Lösung mit dem React-Native-Email-Link der Bibliothek gefunden . Sie können einen E-Mail-Client über React Native öffnen (für die Funktion "Magischer Link").

• Funktioniert unter Android.
• Wenn Sie iOS ausprobieren möchten, benötigen Sie ein echtes Gerät, da es mail.appunter iOS Simulator kein Gerät gibt .

Zu diesem Zweck können Sie das Link-Modul "React Natives" verwenden. Hier ist ein Link zum Modul https://facebook.github.io/react-native/docs/linking.html .

Beispiel: Linking.openURL('mailto:example@gmail.com?subject=example&body=example')

So öffnen Sie die E-Mail-App unter iOS :

 Linking.canOpenURL('message:')
    .then(supported => {
        if (!supported) {
          console.log('Cant handle url')
        } else {
          return Linking.openURL('message:')
        }
      })
      .catch(err => {
        console.error('An error occurred', err)
      })

Mit dieser Methode können Sie jeden E-Mail-Client öffnen und eine E-Mail mit einigen Daten senden.

export const sendEmailViaEmailApp = (toMailId, subject, body) => {
  if (!isUndefined(toMailId)) {
    let link = `mailto:${toMailId}`;
  if (!isUndefined(subject)) {
    link = `${link}?subject=${subject}`;
  }
 if (isUndefined(subject)) {
   link = `${link}?body=${body}`;
 } else {
   link = `${link}&body=${body}`;
 }

Linking.canOpenURL(link)
  .then(supported => {
    if (supported) {
      // 'mailto:support@example.com?subject=Billing Query&body=Description'
      Linking.openURL(link);
    }
  })
  .catch(err => console.error('An error occurred', err));
} else {
  console.log('sendEmailViaEmailApp -----> ', 'mail link is undefined');
 }
};

Platzieren Sie diese Methode in einer utils-Klasse und verwenden Sie diese Methode, wo immer Sie möchten

import { Linking } from 'react-native'

React Native Open Mail 

<TouchableOpacity onPress={() => Linking.openURL('mailto:support@example.com')}>
   <Text>support@example.com</Text>
</TouchableOpacity>


React Native Open Mail With Subject & Body 

<TouchableOpacity onPress={() => Linking.openURL('mailto:support@example.com?subject=sendmail&body=details')}>
   <Text>support@example.com</Text>
</TouchableOpacity>

this will only work in real device. not working in iOS simulator.

Ich denke, das folgende npm-Modul sollte das haben, wonach Sie suchen. Leider werden native Bibliotheken verwendet, sodass Sie einige reaktionsnative Links ausführen müssen.

https://www.npmjs.com/package/react-native-mail

<TouchableOpacity onPress={()=>{ 
  Linking.openURL('mailto:support@domain.com?subject=mailsubject&body=mailbody');
                            }}>
    <View><Text>Contact Us</Text></View>
 </TouchableOpacity>

Diese Arbeit für mich.!

Verwenden Sie React-Native-Mail, um den E-Mail-Client zu starten. Der E-Mail-Client wird automatisch geöffnet. https://www.npmjs.com/package/react-native-mail

Expo.io reine js / Typoskript-Lösung:

import * as IntentLauncher from 'expo-intent-launcher';

// ...

  public openMailClientIOS() {
    Linking.canOpenURL('message:0')
      .then(supported => {
        if (!supported) {
          console.log('Cant handle url')
        } else {
          return Linking.openURL('message:0')
            .catch(this.handleOpenMailClientErrors)
        }
      })
      .catch(this.handleOpenMailClientErrors)
  }

  public openMailClientAndroid() {

    const activityAction = 'android.intent.action.MAIN'; // Intent.ACTION_MAIN
    const intentParams: IntentLauncher.IntentLauncherParams = {
      flags: 268435456, // Intent.FLAG_ACTIVITY_NEW_TASK
      category: 'android.intent.category.APP_EMAIL' // Intent.CATEGORY_APP_EMAIL
    };

    IntentLauncher.startActivityAsync(activityAction, intentParams)
      .catch(this.handleOpenMailClientErrors);
  }

Funktioniert in iOS mit Mail, funktioniert in Android

Android Intent-Dokumente: https://developer.android.com/reference/android/content/Intent#ACTION_MAIN

Expo IntentLauncher doc: https://docs.expo.io/versions/latest/sdk/intent-launcher/

Für die Open Mail App habe ich so verwendet und es funktioniert für mich

const subject = "Mail Subject"
const message = "Message Body"
Linking.openURL(`mailto:support@domain.com?subject=${subject}&body=${message}`)

Wenn Sie einen Wrapper möchten, der mit Android und iOS funktioniert. https://www.npmjs.com/package/react-native-email-action

iOS funktioniert mit anderen E-Mail-Apps.