Trying to add mailto - react native

Question

Mailto appears to not be working. All that happens is that the icon appears to be pressed, but no action occurs. Shoots out this warning:

Warning

Code

<TouchableHighlight onPress={() => Linking.openURL('mailto:[email protected]?subject=abcdefg&body=body')}>
                      <Icon style={styles.icons} size={SIZE} name='envelope'/> 
    </TouchableHighlight>

Ilocano

Answer 1

Link not work on Simulator.

React native linking mail api support subject, body?

Apple URL Scheme Reference

Persistence

This is the original tutorial I followed. Strangely, it works on a physical device. – Ilocano

Answer 2

Use this code :-

Linking.openURL(`mailto:${props.ArticleData.email}`)

Charismatic

Answer 3

This solution wast tested on an android emulator with a GoogleApi system image:

After you have the emulator configured you can use something like you are using:

<TouchableHighlight onPress={() => Linking.openURL('mailto:[email protected]?subject=abcdefg&body=body')}>
      <Text>email1</Text>
</TouchableHighlight>

or

You can use a package like https://www.npmjs.com/package/react-native-autolink

       <AutoLink
         text="email2 (mailto:[email protected])"
       />

Daria