[flutter]url_launcherを使って、ブラウザを開く方法

image

サンプルコード実行結果

この記事の紹介するサンプルコードを実行すると以下のようなアプリが出来上がります。

サンプルコード

解説

まずパッケージをインストール

以下のコマンドをターミナルで叩いてください

するとpabspec.yamlファイルに以下のコードが追加されているはず。(バージョンは違う場合がございます)

ここまできたら準備完了!

タップ後に出したいURLを指定する

例えば、

以下のURLをブラウザで開きたい場合

HTML

以下のようにURIを指定します。

ブラウザを起動するメソッドを記述する

launchUri()メソッドにURIとmodeを設定してあげます。

今回は外部ブラウザを開くモードを指定しています。

ボタンを押したときに呼び出す

参考にした記事

https://pub.dev/packages/url_launcher

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


error: Content is protected !!