react-native - links - react native open phone number

¿Cómo lanzar y abrir el cliente de correo electrónico React-native?

Question

No quiero redactar un correo electrónico. Solo quiero poder iniciar la aplicación de correo electrónico principal en el dispositivo de un usuario (iOS y Android) desde una aplicación nativa de reacción.

Escenario: Enviaré un correo electrónico de verificación al usuario al registrarse.

Answer 1

Reaccionar función de correo abierto nativo

<Button onPress={() => Linking.openURL(''mailto:[email protected]'') }
      title="[email protected]" />

Reacciona función nativa de correo abierto con asunto y cuerpo

<Button onPress={() => Linking.openURL(''mailto:[email protected]?subject=SendMail&body=Description'') }
      title="[email protected]" />

Reaccionar URL abierta nativa

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

Answer 2

Creo que el siguiente módulo npm debería tener lo que estás buscando. Desafortunadamente, utiliza bibliotecas nativas, por lo que tendrás que ejecutar algunos enlaces de reacción nativa.

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

Answer 3

Desafortunadamente, ninguna de las respuestas anteriores son correctas .

No quiero redactar un correo electrónico. Solo quiero poder lanzar la aplicación de correo electrónico principal.

Me gustaría tener el mismo comportamiento:

1. Pantalla de inicio de sesión con un botón Open Email App
2. El usuario abre su aplicación de correo electrónico.
3. Puede hacer clic en el enlace mágico para volver a la aplicación.

Más o menos lo mismo que el Slack Onboarding con el enlace mágico.

Encontré una solución con la biblioteca react-native-email-link . Puede abrir un cliente de correo electrónico desde React Native (para la función de tipo "enlace mágico").

• Funciona en Android.
• Si desea probar en iOS, necesita tener un dispositivo real porque no hay mail.app en el simulador de iOS.

Answer 4

Puede utilizar el módulo de vinculación de nativos para este fin. Aquí hay un enlace al módulo https://facebook.github.io/react-native/docs/linking.html .

Ejemplo: Linking.openURL(''mailto:[email protected]?subject=example&body=example'')

Answer 5

Puede utilizar este método para enviar cualquier cliente de correo electrónico abierto y enviar un correo electrónico con algunos datos.

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:[email protected]?subject=Billing Query&body=Description''
      Linking.openURL(link);
    }
  })
  .catch(err => console.error(''An error occurred'', err));
} else {
  console.log(''sendEmailViaEmailApp -----> '', ''mail link is undefined'');
 }
};

Coloca este método dentro de una clase de utilidades y usa este método donde quieras.

Answer 6

Para abrir la aplicación de correo electrónico en 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)
      })

Answer 7

<TouchableOpacity onPress={()=>{ 
  Linking.openURL(''mailto:[email protected]?subject=mailsubject&body=mailbody'');
                            }}>
    <View><Text>Contact Us</Text></View>
 </TouchableOpacity>

Este trabajo para mí.