facebook twitter hatena line email

Flutter/開発環境構築

提供: 初心者エンジニアの簡易メモ
2019年4月29日 (月) 22:18時点におけるAdmin (トーク | 投稿記録)による版 (iosのbundleId変更)

移動: 案内検索

AndoridStudioのインストール

https://developer.android.com/studio/install?hl=ja

AndoridStudioのプラグインインストール

AndoridStudioのFile/Preference/PluginsからFlutter、Dartを検索してインストール

プロジェクト作成

File/New Flutter Project がFile/New Projectの下に表示されるはずなので、そこから作成。

"New Flutter Project"が出ない場合は以下コマンドでプロジェクトを作ってAndoridStudioで開けば良い。

flutter create my_app
cd my_app
flutter run

ios実行準備

xcode-select --install
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

android・ios実行

  • 上部中央に実行ボタンがあるので、そこから実行できる。
  • 接続したandroid・iPhoneの端末が表示される
  • 基本hotreloadで2秒で更新が反映される。

androidのapk作成&インストール

flutter build apk
flutter install

↑はリリースビルドで、リリースビルドのときはデバッグビルド(1秒程度)と比べて起動速度が速い。

iosのapk作成&インストール

flutter build ios
flutter install

androidパッケージ名変更

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example1.hoge">

com/example1/hoge/MainActivity.java

package com.example1.hoge; 

2箇所変更とMainActivity.javaのdir変更

iosのbundleId変更

  • ios/Runner.xcodeprojを開いてbundleIdを変更する
  • podを使っていれば、コンソールでpod updateを実行後ios/Runner.xcworkspaceを開いてbundleIdを変更する