CODEWITHSUNDEEP
react-nativemailtoreact-native-ios
user2026178
user2026178

Reputation: 318

Trying to add mailto - react native

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

warning

Code

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

Upvotes: 17

Views: 39140

Answers (3)

ManojK
ManojK

Reputation: 171

Use this code :- 

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

Upvotes: 15

Florin Dobre
Florin Dobre

Reputation: 10232

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

enter image description here

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])"
       />

Upvotes: 3

liupeixin
liupeixin

Reputation: 738

Link not work on Simulator.

React native linking mail api support subject, body?

Apple URL Scheme Reference

Upvotes: 19

Related Questions