こんにちは!本記事では、flutterで作成したアプリからメールを起動したり、特定のリンクに飛んだりする方法について、url_launcherというパッケージを用いて説明します。
目次
パッケージのインストール
今回はurl_launcherを使用します。
ターミナルで、flutter pub add url_launcher
→flutter pub get
を実行してください。
パッケージのインストール方法がわからない方はこちら↓
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://www.mechengjp.com/wp-content/uploads/2022/02/d7eb7c5c19c06936a91a655bd1ada043-300x169.jpg)
【Flutter】パッケージをインストール/アンインストールする方法について~コマンドと一緒に紹介
パッケージとは、Widgetをまとめたものです。目的に沿ったパッケージを導入することで完成されたWidgetを使って簡単に開発ができるため、手間が大幅に短縮されます。 本...
実装手順
メーラーを起動する場合と、URLを立ち上げる場合、それぞれのコードを記載します。
メーラー起動
メーラーを起動する場合は、起動するClass内dえ下記変数を宣言します。openMailApp()内でlaunchMail()が使われています。メールの本文とタイトルをリンクにして立ち上げるイメージです。
void openMailApp() async {
final title = Uri.encodeComponent('メールの件名');
final body = Uri.encodeComponent('メール本文');
const mailAddress = 'molaworker.swift@gmail.com';//メールアドレス
return launchMail(
'mailto:$mailAddress?subject=$title&body=$body',
);
}
Future<void> launchMail(String url) async {
if (await canLaunch(url)) {
await launch(url);
} else {
final Error error = ArgumentError('Error launching $url');
throw error;
}
}
ボタンに埋め込む際は,onPressed
で宣言すればOKです。
onPressed: (){
openMailApp();
},
URL立ち上げ
URL立ち上げる際はもっとシンプルです。立ち上げたいリンクをurlとして宣言して、launch(url)を打てばok。
Future<void> launchUrl() async {
final url = "https://www.mechengjp.com/";
if (await canLaunch(url)) {
await launch(url);
} else {
final Error error = ArgumentError('Error launching $url');
throw error;
}
}
ボタン内で使うときはこんな感じ
onPressed: (){
launchUrl();
},
参考記事
nobushiueshi
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://nobushiueshi.com/wp-content/uploads/common/flutter_logo_white-1.png)
[Flutter]外部リンク(Webブラウザ、メール)で開く方法
はじめに アプリを作成していると自身のウェブサイトやプライバシーポリシー等に遷移させたかったり、お問い合わせのメールを作成したい時があります。 そこで今回は外部リ...
Qiita
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Rmx1dHRlciVFMyU4MSVBNyVFMyU4MyVBMSVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU4NCVFOSU5QiVCQiVFOCVBOSVCMSVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU5MiVFOSU5NiU4QiVFMyU4MSU4RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MjJhMWQ2MjIxNGJlMzJhZGViMzc0ODA1ZDUxYWM1ZDk&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b2RhLWF4aWF3b3JrcyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDAyN2Q1Mjc0MTE4MzFjYmNmYTBjNmFjYTYwNmMyYmY&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gQXhpYSBXb3JrcyBMTEM&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=6d0ab2d2be46f342f629c2037b630ccc)
Flutterでメールアプリや電話アプリを開く - Qiita
先日、所属の会社でLT会があったときの発表内容です。やりたいことFlutterアプリからメールアプリや電話アプリに遷移したいです。その際に任意のメールアドレスやタイトル...
コメント