Flutter
https://flutter.dev/docs/get-started/install/windows
ダウンロードして C:\Users\xxxx\AppData\Local\flutter に展開
flutter/bin にパスを通す.
flutter doctor 実行
code: cmd
PS C:\WINDOWS\System32> flutter doctor
╔════════════════════════════════════════════════════════════════════════════╗
║ Welcome to Flutter! - https://flutter.dev ║
║ ║
║ The Flutter tool anonymously reports feature usage statistics and crash ║
║ reports to Google in order to help Google contribute improvements to ║
║ Flutter over time. ║
║ ║
║ Read about data we send with crash reports: ║
║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting ║
║ ║
║ See Google's privacy policy: ║
║ https://www.google.com/intl/en/policies/privacy/ ║
║ ║
║ Use "flutter config --no-analytics" to disable analytics and crash ║
║ reporting. ║
╚════════════════════════════════════════════════════════════════════════════╝
Doctor summary (to see all details, run flutter doctor -v):
√ Flutter (Channel stable, v1.9.1+hotfix.6, on Microsoft Windows Version 10.0.17763.805, locale ja-JP)
! Android toolchain - develop for Android devices (Android SDK version 28.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
! Android Studio (version 3.5)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.
! VS Code (version 1.39.2)
X Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
√ Connected device (1 available)
! Doctor found issues in 3 categories.
Android Studio に flutter plugin を入れる.
設定 ー プラグイン から入れられる
flutter plugin を入れると Dart plugin もインストールされる
VS Code に flutter plugin を入れる.
適当な Android デバイスをPCにつなげる.
再度実行. ただし ライセンスを出せと言ってるので、とりあえず昔作った 開発用の署名ライセンスのパスを渡してみる.
署名ライセンスは Android Studio で作れる. 作り方は忘れた.
code: cmd
PS C:\WINDOWS\System32> flutter doctor --android-licenses C:\Users\xxxx\keys\rextest.jks
Warning: File C:\Users\ushiyake.XING\.android\repositories.cfg could not be loaded.
5 of 6 SDK package licenses not accepted. 100% Computing updates...
Review licenses that have not been accepted (y/N)? y
:
このあと何度もライセンスが出てきて y/N を尋ねられる. 適当に y で.
終わったら Android Studio の File->Settings->Language & Framework->Flutter で Flutter SDK path に さっき展開したパス C:\Users\xxxx\AppData\Local\flutter
Hello World もしないうちからいきなりこれをビルドしてみる.
https://androidexample365.com/first-open-source-flutter-based-beautiful-material-design-music-player/
実行ボタンを押しても何もおこらない
気がつくと エディタの上に何か書いてある
https://gyazo.com/1067519290fdf294a487d4dc1120d42b
Open for ... をクリックすると別Windowが開く
どうも \Flutter-Music-Player で開くんじゃなくて \Flutter-Music-Player\android で開け ということらしい
ここでビルドすると、ERROR: C:\Users\ushiyake.XING\workspace\AndroidStudio\Flutter-Music-Player\android\key.properties (指定されたファイルが見つかりません。)
自分で作るらしい https://qiita.com/rkowase/items/f1012ef0738791dd6084
その後も Sync でいろいろエラーが出るが プロジェクト構造を適当に修正して何度か試すうちに前に進むようになってきた.
とりあえず https://employment.en-japan.com/engineerhub/entry/2019/08/06/103000 ここのとおりにサンプルをつくる.
パッケージ追加方法
例> https://pub.dev/packages/webview_flutter
Installing にインストール方法が書いてある
code: cmd
dependencies:
webview_flutter: ^0.3.15+1
書いてあるように pubspec.yaml に書く.
エディタ上部の Flutter commands の中から Package get をクリック.
中華フォント対応
https://e-keiai.com/archives/157
Android のステータスバーを隠す
https://stackoverflow.com/questions/43877288/how-to-hide-android-statusbar-in-flutter
code: kotlin
override fun onCreate(savedInstanceState: Bundle?, persistentState: PersistableBundle?) {
window.setFlags(android.view.WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, android.view.WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS)
window.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_FULLSCREEN
or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
)
super.onCreate(savedInstanceState, persistentState)
}