In an app being developed using Expo and Vue Native there is an option for users to tap a button to request an instructional PDF. This button opens their e-mail, pre-populates the “To” and “Subject” fields so all they need to do is press Send.
This app is being tested on real phones, not on a simulator. On an Android phone, after Send is tapped, the e-mail is sent and then it automatically redirects back to the app. However, on iOS after Send is tapped, it sends the e-mail then displays the e-mail inbox with a tiny link to Expo in the upper left hand corner. The desired behavior is that it sends the e-mail then redirects back to the app, like on the Android.
The mechanism being used for the e-mail link is expo-linking. Is there a way to change the behavior in iOS to achieve the desired behavior?
Here is a simplified version of the code:
<template>
<nb-content>
<nb-button :onPress="() => { Linking.openURL('mailto:customerservice@gmail.com?subject=instruction request') }">
<nb-text>Request instructions</nb-text>
</nb-button>
</nb-content>
</template>
<script>
import * as Linking from 'expo-linking';
export default {
data() {
return {
Linking: Linking
}
}
}
</script>