2015-05-18 18:26:04 -04:00
2015-05-10 00:53:07 -04:00
2015-05-18 16:15:40 -04:00
2015-05-10 00:53:07 -04:00
2015-05-10 00:53:07 -04:00
2015-05-10 00:53:07 -04:00
2015-05-18 16:15:40 -04:00
2015-05-18 18:26:04 -04:00
2015-05-18 16:15:40 -04:00

react-native-mail

A react-native wrapper on top of apple's MFMailComposeViewController.

Add it to your project

  1. Run npm install react-native-mail --save
  2. Open your project in XCode, right click on Libraries and click Add Files to "Your Project Name" (Screenshot) then (Screenshot).
  3. Add libRNMail.a to Build Phases -> Link Binary With Libraries (Screenshot).
  4. Whenever you want to use it within React code now you can: var Mailer = require('NativeModules').RNMail;

Example

var Mailer = require('NativeModules').RNMail;

var MailExampleApp = React.createClass({
  handleHelp: function() {
    Mailer.mail({
      subject: 'need help',
      recipients: ['support@example.com'],
      body: ''
    }, (error, event) => {
        if(error) {
          AlertIOS.alert('Error', 'Could not send mail. Please send a mail to support@example.com');
        }
    });
  },  
  render: function() {
    return (
      <TouchableHighlight
            onPress={row.handleHelp}
            underlayColor="#f7f7f7">
	      <View style={styles.container}>
	        <Image source={require('image!announcement')} style={styles.image} />
	      </View>
	   </TouchableHighlight>
    );
  }
});

Here is how it looks:

Demo gif

S
Description
A wrapper on top of MFMailComposeViewController from iOS and Mail Intent on android
Readme MIT
403 KiB
Languages
Objective-C 55.2%
Java 40.5%
Ruby 3.8%
JavaScript 0.5%