Flutterラボ
【Flutter WEB】外部リンクを開く(メール、電話番号)
#プログラミング#アプリ開発#Flutter#dart

FlutterでWEBサイトやWEBアプリを開発していると、別のタブで外部リンクを開いたり、メールアドレスや電話番号をタップしたときにそのままメーラーや電話アプリを開くようにしたいケースがよくあります。

モバイル開発でよく使われるurl_launcherパッケージがWEB開発では使えないことを理由にhtmlパッケージのwindow.openメソッドを使っている方が多いですが、最新のurl_launcherではWEBでも同じように外部リンクを開くことができますので、特にモバイルとWEBを同時開発している方はモバイル同様url_launcherを使用することをおすすめします。

pubspenc.yaml

dependencies:
  url_launcher: ^6.0.12

外部リンク

launch('https://flutterlabo.tech/');

電話番号

launch('tel:0600000000');

メール

launch('mailto:support@flutterlabo.tech');
Flutterラボ|動画で学ぶFlutter学習サイト Flutter・Dart・Firebaseに関するアプリ制作の技術を学ぶことができます。プログラミング初心者から経験者まで flutterlabo.tech