Flutterの開発をAndroid Studioで行う場合の設定手順を紹介します。
設定手順はmacOSを想定しています。
Flutterのインストール&セットアップ
まだ、Flutterをインストールしていな方は、インストールとセットアップをする必要があります。
こちらの記事を参考に、Flutterのインストールとセットアップを行いましょう。
Android StudioでFlutterの開発環境を構築する方法
1. Android Studioのインストール
![](https://amateur-engineer.com/wp-content/uploads/2021/06/34eb874200113760ce2d861bd789e93c-1024x728.png)
開発環境にAndroid Studioをインストールしていない場合は、公式ページからインストールしてください。
公式サイト:https://developer.android.com/studio/index.html
アプリをApplicationsに追加すると、起動できるようになります。
2. Flutterのプラグインをインストール
Android Studioを起動してから、Android Studio > Preferencesをクリックして環境設定を開きます。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/3822935bf249a9943c006c442ea713e2-1024x563.png)
PluginsからFlutterのプラグインを選択して、インストールをクリックします。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/7cf1c160a6a15d26b07fd44fd41e3bc9-1024x786.png)
その後、再起動を求められたらそのまま再起動をしてしまいましょう。
3. 新しいFlutterアプリの作成
Flutterのプラグインをインストールできたら、新しいFlutterアプリを作成してみましょう。
Android Studioを起動して、Create New Flutter Projectを選択。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/453315cb55f3cb9c7535f2e70b794e30.png)
Flutter Appを選択して、Nextをクリック。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/34e9c5c3055ca743fbe6745382aa6d34-1024x737.png)
プロジェクト名を入力し(ここではmy_appにしました)、Finishをクリックするとプロジェクトが作成されます。少し時間がかかりますので、待ちましょう!
![](https://amateur-engineer.com/wp-content/uploads/2021/07/ff05b2dfe1c99d09025c0ec5fa620c8b.png)
こんな感じの画面が表示されれば、作成完了です。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/d14f442ca4dd4d879cddcef81463b40d-1024x651.png)
4. アプリの実行
iOS Simulatorでアプリを実行してみましょう。
画面右上のデバイス選択ダイアログからOpen iOS Simulatorをクリックすると、iOS Simulatorが立ち上がります。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/63d824c1e7c0d5bef079f5cb8fa47daf.png)
あとは、スタートボタンをクリックすれば、iOS Simulator上にアプリが起動します。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/f2d5d96ad3e8ea2ef6fb424fc25e424f.png)
しばらく待って、iOS Simulatorの画面上にアプリが起動していたら成功です。
![](https://amateur-engineer.com/wp-content/uploads/2021/07/caf178434b1450fbc0781c57093b5b73-1-518x1024.png)
正常に起動できていた場合、上画像のようになります。
以上で、開発環境の構築完了です。お疲れ様でした!
コメント