I am trying to open an email client with mailto url from my react-native app.

Code snippet used for opening a client:

const body = 'my email\nbody';

Linking.openURL(`mailto:[email protected]?subject=${subject}&body=${encodeURIComponent(body)}`);

The email client is opening (Android, Gmail), but no newlines are rendered.

I have also tried to use %0D%0A and \r\n, but no results.

Is it possible to add new lines in mailto in react-native?

react-native: 0.61.0

Android: 9

I am trying to open an email client with mailto url from my react-native app.

Code snippet used for opening a client:

const body = 'my email\nbody';

Linking.openURL(`mailto:[email protected]?subject=${subject}&body=${encodeURIComponent(body)}`);

The email client is opening (Android, Gmail), but no newlines are rendered.

I have also tried to use %0D%0A and \r\n, but no results.

Is it possible to add new lines in mailto in react-native?

react-native: 0.61.0

Android: 9

• javascript
• react-native

4 Answers 4

Just use plain old <br> tag.

example :

string newLine = `<br>`;

let body = 'Hi,'
            + newLine
            + 'This will e after 1 Line'
            + newLine +newLine + 'This will e after 2 Lines';

Output in default mail app :

Since replace('\n', '<br>') will only replace first occurrence. You can use

emailBody.replace(/(\n)/g, '<br>')

This will make sure all new lines are replaced.

What worked for me was a bination of previously provided answers, adding it here, it may help someone.

Basically I'm replacing %0A with %0D%0A on the already encodeURIComponent'd string as follows:

const body = encodeURIComponent('my email\nbody').replaceAll('%0A', '%0D%0A');

Linking.openURL(`mailto:[email protected]?subject=${subject}&body=${body}`);

This should work %0D%0A. Check this question

You do not have to use your ReactNative app to test this href, you can just paste the following within your URL bar and you will see it works as expected:

mailto:[email protected]?body=test%0D%0Anext

So what if you use it like this:

let body = 'my email\nbody';
body = body.replace('\n', '%0D%0A');
Linking.openURL(`mailto:[email protected]?subject=${subject}&body=${body}`);

If this works then you have an issue with encodeURIComponent.