uni memo

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

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

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

端末設定

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

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

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

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

参考

2024, Built with Gatsby. This site uses Google Analytics.