EmailComposer

API Reference: UI.EmailComposer

Basic EmailComposer

It is possible to send emails without leaving the app. EmailComposer comes for help for this case.

scripts/pages/pageSample.ts

import PageSampleDesign from 'generated/pages/pageSample';
import Application from '@smartface/native/application';
import System from '@smartface/native/device/system';
import File from '@smartface/native/io/file';
import FileStream from '@smartface/native/io/filestream';
import EmailComposer from '@smartface/native/ui/emailcomposer';
import IBlob from '@smartface/native/global/blob/blob';
import { Route, Router } from '@smartface/router';
import { withDismissAndBackButton } from '@smartface/mixins';

//You should create new Page from UI-Editor and extend with it.
export default class Sample extends withDismissAndBackButton(PageSampleDesign) {
    emailcomposer: EmailComposer;
    constructor(private router?: Router, private route?: Route) {
        super({});
    }


    onShow() {
        super.onShow();
        const { headerBar } = System.OS === System.OSType.ANDROID ? this : this.parentController;
        Application.statusBar.visible = false;
        headerBar.visible = false;
    }

    onLoad() {
        super.onLoad();

        if (EmailComposer.canSendMail()) {
            this.emailcomposer = new EmailComposer();
            this.emailcomposer.setBCC(["bcc@smartface.io", "bcc2@smartface.io"]);
            this.emailcomposer.setCC(["cc@smartface.io", "cc2@smartface.io"]);
            this.emailcomposer.setTO(["to@smartface.io", "to2@smartface.io"]);
            this.emailcomposer.setMessage("message");
            this.emailcomposer.setSubject("subject");
            this.emailcomposer.onClose = (): void {
                console.log("onClose");
            };

            const imageFile = new File({
                path: 'images://smartface.png'
            });

            this.emailcomposer.android.addAttachmentForAndroid(imageFile);

            if (System.OS == System.OSType.IOS) {
                const imageFileStream = imageFile.openStream(FileStream.StreamType.READ, FileStream.ContentMode.BINARY);
                const fileBlob = imageFileStream.readToEnd();
                imageFileStream.close();
                this.emailcomposer.ios.addAttachmentForiOS(fileBlob as IBlob, "image/png", "smartface.png");
            }

            this.emailcomposer.show(this);
        }
    }
}

Sending Email with Inter-app Communication

Sending e-mail with leaving the app is also possible with inter-app communication. Check down below for sample code.

import Linking from "@smartface/native/global/linking";

Linking.openURL({ uriScheme: "mailto:info@smartface.io" });