flutterはgoogleがつくったモバイルアプリの開発フレームワーク。iOS、Android用のアプリが作成できる。開発にはdartという言語を用いる

環境

  • ubuntu: 18.04
  • flutter: 1.0.0
  • vscode: 1.26.1

flutterインストール

Linux install - Flutter ここの手順どおり行う

SDKをダウンロードしてパスを通せばいい

 cd ~/development # flutterのインストール先
 tar xf ~/Downloads/flutter_linux_v1.0.0-stable.tar.xz

~/.bashrcに以下を追加し、

echo export PATH="$PATH:~/development/flutter/bin"

反映させる

source ~/.bashrc

設定確認

 flutter doctor
 [] Flutter (Channel stable, v1.0.0, on Linux, locale en_US.UTF-8)
[] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.io/setup/#android-setup for detailed
      instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME
      to that location.
      You may also want to add it to your PATH environment variable.

[!] Android Studio (not installed)
[!] VS Code (version 1.26.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

android studioがないと言われたのでインストールする

Linux install - Flutter

Download Android Studio and SDK tools  |  Android Developers

からインストール 1GBくらいある

Install Android Studio  |  Android Developers

解凍して、/usr/localへ移動

sudo mv ~/Downloads/android-studio-ide-182.5264788-linux/android-studio/ /usr/local
sh /usr/local/android-studio/bin/studio.sh 

で立ち上がるAndroid Studio Setup Wizardを進めていき、コンポーネントをダウンロードする

端末設定

端末で動作確認したいとき

機種によって設定方法は異なりそう

android端末のDeveloper options USB debuggingを有効にする

Configure on-device developer options  |  Android Developers

  • Developer options

設定から、端末情報->ビルド番号を7回連続でタッチすると、デベロッパーになりましたというメッセージが表示される

  • USB debugging

設定から、開発者向けオプション->USBデバッグをオンにする

 flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[] Flutter (Channel stable, v1.0.0, on Linux, locale en_US.UTF-8)
[] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[] Android Studio (version 3.3)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.26.1)
[] Connected device (1 available)

! Doctor found issues in 1 category.

端末をUSBにつないで、認証ダイアログを有効にするなどすれば、端末に接続できるはず

プロジェクトの作成

vscodeにて、flutterプラグインをインストールする

メニューバーからView->Command Paletteをクリック 出てきたテキストボックスにflutterと入力してFlutter: New Projectを選択 プロジェクト名を入力して、作成する所を選択すると、プロジェクトが作られ、vscode上でmain.dartが開く

実行

プロジェクトのルートディレクトリにて(vscodeでterminalを開いて)

flutter run

を実行すると、以下のようなサンプルアプリが立ち上がる

flutter hello world flutter hello world

参考