ubuntuにflutterインストール、android端末で起動

2019/08/04engineering flutter android

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

環境

ubuntu: 18.04
flutter: 1.0.0
vscode: 1.26.1

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を進めていき、コンポーネントをダウンロードする

端末設定

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

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

Configure on-device developer options | Android Developers android端末の設定

USB接続の設定

設定 > デバイス接続 > USBを、ファイル転送にする

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メモ - Qiita