0
0

More than 3 years have passed since last update.

[Android][iOS]Flutterの始め方

Last updated at Posted at 2020-06-24

初めに

AndroidのアプリエンジニアがFlutterで開発を始めるためのセットアップをまとめました。
AndroidのアプリエンジニアがFlutterを始めるまでなので、Android Studioは既にインストール済みであることを前提とします。
公式

環境

PC:Windows 10
Android Studio:3.5

1.Android Studio

1-1.Android Studioのアップデート

Android StudioでのFlutter開発環境の構築
FlutterのサポートがAndroid StudioのVersion:3.6以上なので、アップデートしていきます

[Events]からアップデート
現在の最新Version4.0にアップデート

1-2.Pluginの設定

上記の画面の[Configure]->[Plugins]からFlutterのPluginを追加

[MarketPlace]タブからFlutterを検索

Android Studioの再起動

2.アプリ作成

[Starta new Flutter project]を選択

[Flutter Application]を選択

適当なディレクトリを選択してFlutter SDKをinstall

[Next]を選択
main.dartが表示されれば完了

3.デバイスのセットアップ

エミュレータをセットアップ
(Androidアプリの開発をするときと同じです)
[Tools]->[AVD Manager]
image.png
セットアップ後、実行
image.png

4.実行結果

サンプルアプリの実行結果

5.Hot Reload

Flutterといえばこれ
このアイコンでHot Reload実行
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
0
0