flutter
概要 サンプル 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter始めた頃、ウィジェットの表示・非表示を切り替えるのどうやるのか分からなくて、ちょっと困っていました。 Flutterでウィジェットの表示・非表示を切り替えるには …
概要 サンプル 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter 2.0 で ScaffoldMessenger が追加されました。 medium.com github.com このタイミングで、showSnackBar メソッドも追加されました。 んで、今回の Flutter 2.5 で …
概要 参考情報 概要 前回 devlights.hatenablog.com という形で、CenterウィジェットとColumnウィジェットさんについて書いたので ついでに CenterウィジェットさんとRowウィジェットさんについてもメモしておこうと思いました。 基本は同じです。なので、Ro…
概要 参考情報 概要 Flutterを初め触っていた時に、パッと理解できなかったのが Centerウィジェットの中にColumnウィジェットを入れた際の表示でした。 Centerウィジェットは、その名前の通り、childに指定したウィジェットを中央に表示してくれるものです。…
概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 現在の環境は以下です。 $ flutter --version Flutter 2.5.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision ffb2ecea52 (9 days ago) • 2021-09-17 15:26:33 -…
概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 たまに、Flutterの記事あげてらっしゃる方々のソースを見ると、VSCodeでウィジェットの階層がキレイなガイドラインで表示されているのをよく見ます。 こんなの。 私のVSCodeには、こんなキレイなガ…
概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 Flutter 2.5がリリースされましたが、What's new のページが medium.com medium.com って感じで、めっちゃ分量多いｗ 最終的には上のサイトの情報を読むのが一番なんですが、日本語で分かりやすく…
概要 生成してみる lib ディレクトリの構造みてみる 起動してみる 参考情報 概要 最近リリースされた Flutter 2.5.0 から flutter create する際に指定できるテンプレートが増えました。 $ flutter --version Flutter 2.5.0 • channel stable • https://gith…
概要 サンプル 参考情報 概要 忘れちゃいそうなのでここにメモメモ。 Flutter始めたときに疑問だったのが「どうやってボタン無効化するの？」でした。 結論としては onPressed に null を設定すればいいだけ。 Flutterの ElevatedButton のAPIドキュメントに…
概要 参考情報 概要 忘れちゃいそうなのでここにメモメモ。 HTTPSアクセスが必要な処理があって、開発時なのでサーバ側にオレオレ証明書を置いて動かしているとします。 その状態で https アクセスをすると final response = await http.post( Uri.https( 'd…
概要 パッケージ取得 analysis_options.yamlファイルを用意 参考情報 概要 analysis_options.yaml は、静的解析の設定を記載するための設定ファイルです。 プロジェクトのトップディレクトリに配置します。 Dart でプロジェクトを作成しても、analysys_optio…
概要 パッケージ取得 analysis_options.yamlファイルを用意 参考情報 概要 analysis_options.yaml は、静的解析の設定を記載するための設定ファイルです。 プロジェクトのトップディレクトリに配置します。 Flutter でプロジェクトを作成しても、analysys_op…
概要 StatefulWidgetなサンプル てことで InheritedWidget てことで、InheritedWidget + ValueNotifer 最終版 参考情報 概要 Flutter をやり始めて最初によくわからなかったのが InheritedWidget でした。 api.flutter.dev なんか、他のウィジェットとは違う…
概要 JetBrains IDEAのバージョン 参考情報 概要 忘れない内にここにメモメモ。おそらく、この内容は Android Studio でも同じはずです。 JetBrains IDEAのバージョン JetBrains IDEA で もともと存在している Dart プロジェクト を開くと 以下のように Dart…
概要 JetBrains IDEAのバージョン Flutter Inspectorのエラー 解決方法 参考情報 概要 忘れない内にここにメモメモ。 JetBrains IDEAのバージョン Flutter Inspectorのエラー JetBrains IDEA で Flutter アプリをデバッグ起動とかすると Flutter Inspectorに…
概要 p 押す前 p 押した後 h でヘルプ出すと全部のオプション見れる 参考情報 概要 忘れない内にメモメモ。 コマンドラインから flutter run すると いつもの「ホットリロードは r で出来るよ！」とかメッセージ出てくると思います。 $ flutter run -d chrom…
概要 参考情報 概要 なんか、VSCodeでコード書いてて保存するとFlutterプラグインさんが自動でフォーマットしてくれるので、すごく便利なのですがインデントがおかしい気がする・・・ってずっと思ってました。 こんな感じ。 Text ウィジェットの引数の部分は…
概要 Flutterのバージョン サンプル main.dart app.dart screens/clock_screen.dart 参考情報 概要 今回は StatefulWidget つまり、「状態を持つウィジェット」について。 Flutterのバージョン $ flutter --version Flutter 2.2.3 • channel stable • https:…
概要 概要 絶対に忘れちゃいそうなので、ここにメモメモ。Flutterに限ることではないですが。 FlutterでAndroidアプリつくっていて、外部と通信する処理（例えばREST-APIを呼び出し）する場合 以下のパーミッションをマニフェストに追加しておかないと、実機…
概要 前回 Flutterのバージョン サンプル main.dart app.dart 参考情報 概要 今回は StatelessWidget つまり、「状態を持たないウィジェット」についてです。 前回 devlights.hatenablog.com Flutterのバージョン $ flutter --version Flutter 2.2.3 • chann…
概要 実行環境 サンプル 参考情報 概要 Flutterでプロジェクトを作る際に $ flutter create app1 のようにすると思いますが、この場合サンプルアプリが最初から実装済みとなって作られます。 とても便利なのですが、最初に覚えていこうとする場合は情報過多…
概要 追記 参考情報 概要 タイトルのままのエラー内容ですが、、、。一応メモメモ。 Androidでビルドしようとしたら以下のメッセージが出ました。 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Wind…
概要 参考情報 概要 ちょっとハマったので、忘れないうちにメモメモ。 Flutterで iOS アプリをビルドしようとしたら、以下のエラーが出ました。 対象は iPhone シミュレータ 11 Error output from CocoaPods: Searching for inspections failed: undefined m…
概要 フォントを埋め込みする 参考情報 概要 最近、Flutterを使う機会が出来ました。 まだ始めたばっかりで手探りで覚えている最中ですが、ここに自分用メモ残していこうと思います。 いやー、素晴らしいですねーこれ。未来を感じます。とても面白い。 利用…
概要 概要 忘れないうちにメモメモ。 何故か知らないですが、手元のWindowsマシンで Android Studio インストールしてるのに flutter doctor すると「インストールされていない」って表示されて困っていました。 ❯ flutter doctor Doctor summary (to see al…
概要 WSLにて現在実行しているものを一覧出力 WSLにて特定のイメージをインポートする 作った仮想マシンを停止したい場合 作った仮想マシンを削除したい場合 作った仮想マシンをエクスポートしたい場合 一般ユーザの作成 仮想マシンに特定のユーザでログイン…
概要 参考情報 概要 昨日、Gitpodで flutter/dart の勉強環境作るって記事アップしましたが DartPadさんも勉強にはとっても便利ですね。 dartpad.dev dart.dev こんな感じ 名前は DartPad ですが、Flutterアプリも作れるのでめっちゃいい感じ。 ライブヘルプ…
概要 Gitpodの設定 .gitpod.Dockerfile .gitpod.yml Flutter と Dart が使えるか確認 サンプルアプリをとりあえず作ってみる とりあえず起動 参考情報 概要 ついに、Flutter 2 がリリースされましたね。 flutter.dev medium.com flutter.dev モバイルもWebも…
