Android Studioを使ってFlutterでHello Worldまでの手順

公開日:2019/05/05 更新日:2019/05/05
Android Studioを使ってFlutterでHello Worldまでの手順のサムネイル

この記事ではAndroid Studioを使ってFlutterのプロジェクトを新規作成し、実機でデモアプリを動かすまでの手順をまとめます。

logo_lockup_flutter_horizontal-1024x287.png Image Credit:Google

はじめに

この記事ではAndroid Studioを使ってFlutterのプロジェクトを新規作成し、実機でデモアプリを動かすまでの手順をまとめます。なお、Visual Studio CodeもFlutter開発に使用できます。Visual Studio Codeでの進め方は以下にまとめましたので必要な方は見てみてください。

www.virment.com

この記事ではVisual Studio Code(以降、VS Code)を使ってFlutterのプロジェクトを新規作成から実機でデモアプリを動かすまでの手順をまとめます。

前提と環境

以下の通りです。この記事の内容は、Ubuntu18.04にインストールしたAndroid Studioで実施した流れになりますが、基本的に他のOSのAndroid Studioでも同様の手順になると思います。

  • OS:Ubuntu18.04
  • Flutter : ver1.2.1
  • Dart : ver2.1.2
  • Android Studioはインストール済とする
  • Android StudioにFlutterのプラグインをインストール済とする
  • デバッグにAndroid端末実機を使用する場合は、USBデバッグ機能を有効化済とする

基本的な手順は公式ドキュメントに従います。

flutter.dev

This page describes how to create a new Flutter app from templates, run it, and experience hot reload after you make changes to the app.Select your development tool of choice for writing, building, and runningFlutter apps.

Android Studioのインストール手順については、以下にまとめていますので必要な方は見てみてください。

www.virment.com

FultterやNativeScriptなどを触る機会があり、そこでAndroid Studioが必要になったためUbuntu18.04にAndroid Studioをインストールしました。この記事ではその手順をまとめます。

Android StudioでFlutterの新規プロジェクトを作成する

Android Studioを起動後、メニューの「File」→「New Flutter Project...」をクリックします。

1-start-flutter-project.png