LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@kosh1

Flutter でデモアプリを起動する

Last updated at Posted at 2022-05-21

Flutter の開発する準備が完了したので、Flutter プロジェクトを新規作成した際に作られるサンプルのアプリを起動します。

環境構築がまだの方は以下の記事を参照してください。

Flutter プロジェクトの作成

  • Android Studio を起動し、New Flutter Projectを選択する
    image.png
  • Flutter SDK Path にインストールした Flutter SDK を設定し、次へを選択する
    image.png
  • プロジェクト名に任意の値を入力し、完了を選択する
    image.png
  • しばらくするとプロジェクトが作成されます
    image.png

Android エミュレーターのインストール

アプリを Android で起動するために、Android のエミュレーターをインストールします

  1. ツール > Device Manager を選択し、表示された画面から Create device を選択する
    image.png
  2. 表示された画面から好きなデバイスを選び、次へを選択する（ここでは Pixcel 5 を選択します）
    image.png
  3. エミュレートしたいAndroid OS のバージョンダウンロードし、次へを選択する（ここではAndroid 12 を選択します）
    image.png
  4. デバイス名を任意の値にして、完了を選択する
    image.png
    1.インストールしたエミュレーターのデバイス名が表示されるので、▶の実行を選択すると Android のエミュレーターが表示されます
    image.png

サンプルアプリの起動

  1. ▶の実行を選択すると、以下のようなデモアプリが表示されます
    image.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?