【Flutter】flutter_blocについてまとめる - パンくんのプログラミング日記
flutter_bloc公式ドキュメント→ https://pub.dev/packages/flutter_bloc flutter_blocとは ✅ blocとcubitをFlutterに簡単に統合できるWidget ✅ blocパッケージで動作されるように構成されている ✅ flutter_blocパッケージによってexportされた全てのWidgetはCubitインスタンスとBlocインスタンス両方を統合する ✅ Blocは起こりうる状態変化のタイミングを規制し、状態を変化させる単一の方法を実行することで状態変化を予測可能にしている Blocを採用する理由 bloc公式ドキュメント→ https://bloclibrary.dev/#/ ✅ Blocはpresentation(UI, Widget, BLoC)からbusiness logic(UseCaseであるビジネスロジックに
長めだけどたぶんわかりやすいBLoCパターンの解説 - Qiita
Flutter #2 Advent Calendar 2018 15日目の記事です。 14日目は @ttlg さんの「Flutter, This is it」でした。 はじめに Flutterはとても取っつきやすいですよね。 公式の Get Started などで少し学ぶだけでもう本格的に開発していけそうに思えます。 私もそう感じたのですが、そんなとき「Flutterの効率良い学び方」という記事を目にしました。 状態管理の仕方として、公式ドキュメントやUdacityコースなどによくまとまっているのは setState() で素朴に書くパターンです。 ただ、それだけだとある程度以上複雑なアプリを書くのは厳しくなってきます。 どんなアプリも setState() を使えば楽に作れると思っていたので、これを読んで少しショックでした。 でも確かに大きなアプリでは多数のWidget間で状態が複雑に絡
dart の stream を理解して async* と yield を正しく使う - Qiita
はじめに dartのstream、初めてみたときは「なんだコレ」と思いました。パッと見難しげで、ちょっと避けていました。ただ、最近避けて通れなくなった出来事もあり、その際にだいぶ理解できたので、なんだかよくわからない人向けに解説します。 streamとは 英単語自体を直訳すると、流れ となります。訳通り、dartのstreamはある場所からある場所へ値を流す機能です。 以下のイメージ画像を見てください。 このように、異なる場所にあるAとBで、hogeという値を流すことができます。AとかBは、なんでもいいんです。メソッド間だろうが、クラス間だろうが、メソッドとクラスの間だろうが、何でもよくてとにかく、値を、ある場所からある場所にテレポートさせる、そんなイメージです。このテレポートの橋をかけるのがstreamです。 また、 このように、ある場所から複数の場所に、同じ値を配布するようなこともでき
FlutterのNavigationとRoutingを理解する
この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基本的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N
【Flutter】音声分析をやってみた
これはFlutter #2 Advent Calendar 2020の 19 日目の記事です。 この記事を読んでわかること 作ろうと思ったきっかけ スペクトルアナライザとは 作ったものの全体像 音声を取り込むときに使えるパッケージ 音声のフーリエ変換 Canvas を用いたグラフ表示 軸にラベルを付与する 作ろうと思ったきっかけ はじめまして、2021 年 1 月 からエンジニアになる予定のこんぶです。 わたしは大学時代に音声分析の研究をしていました。 その知見をアプリ開発にも活かしたい。 そこでひとまず音声分析の基礎であるスペクトルアナライザを作ってみようと思いました。 実装のための調査をはじめてみると Flutter でリアルタイム音声分析をしているサンプルは少なく、同じようなことを実装したい人の役に立てるのではないかと思い、この記事を書いています。 スペクトルアナライザとは 先ほどス
【Flutter入門】画面の戻るボタンが押された際に値を返す方法を解説するよ | TECHRISE
本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。 ダーフクダーフク”]Flutterでは、各画面の左上に戻るボタンが標準実装されています。今回はこの戻るボタンを押した際に値を返す方法を解説します。 やりたいこと Flutterでは、アプリの雛形を作成する際に Scaffold Widgetを用います。 このWidgetにはappBarプロパティがあり、これによりアプリのヘッダーを簡単に実装することができます。 そしてある画面から次の画面へ遷移した際、次画面のヘッダーの左端に自動で戻るアイコンが表示されます。 今回は、この戻るボタンが押された際にどのように返り値を取得するのかについて解説します。 方法 遷移元画面では、Navigator.pushをして返り値をawaitで待つ遷移先画面では、ScaffoldをWillPopScope
SingleChildScrollViewの中で上下中央揃えしてPull to Refreshもする - Qiita
やりたいこと こういうことがしたい。 ちゃんと文字に起こすと、要件はこんな感じ。 リストの空表示をしたい Pull to Refreshしたいので、RefreshIndicatorで全体をくくって、中をスクロール可能にしたい SingleChildScrollViewの中に自作Widgetを中央表示したい RefreshIndicator の中身を SingleChildScrollView で包んでやれば良いのはわかるのだけれども、なかなか一筋縄では行きません。 先に解決策 LayoutBuilderとConstrainedBox、AlwaysScrollableScrollPhysicsを使用します。 RefreshIndicator( child: LayoutBuilder( builder: (context, constraints) => SingleChildScrollV
Webプログラミング言語「Dart」をインストールする（Windows10）
■PC環境・Windows10、Administrator（管理者）アカウント ・chocolatey 0.10.15 ■DartをインストールするDartをインストールするには、ソフトウェア開発キット (SDK) が必要です。インストールするには、Windows10のデスクトップ画面の検索ボックスで「コマンドプロンプト」と入力します。 入力すると、「最も一致する検索結果」に「コマンドプロンプト」が表示されますので、こちらをクリックします。クリックすると、コマンドプロンプトが起動します。 choco install dart-sdk起動後、上記のコマンドを入力し、Enterキーを押します。 Chocolatey v0.10.15 Installing the following packages: dart-sdk By installing you accept licenses for
Flutterの3種類のソースコードテスト(Unit Test, Widget Test, Integration Test)についてのまとめ - Qiita
理想的なテストでは、Unit TestとWidget Testによりコードカバレッジが担保されており、Integration Testによって重要なユースケースが担保されている状態となります。 ソースコードありのテストケースだけで、ユースケースを含めたかなりの範囲をテストすることが可能です。 一番複雑なテストであるIntegration Testでは、以下のようにエミュレータ上で実際にスクロールを行うようなテストを記載する事もできます。（わかりにくいですが、人間は何も操作せず、全自動でスクロールが行われています。）
【Flutter】ボタンのグレーアウト（無効/Disable）表示
Flutterの各種ボタンウィジェットクラスにはボタンの有効/無効に関するプロパティが無いのですが、対応は簡単なので、ボタンをグレーアウト（無効/Disable）表示にする方法について解説します。 ボタンをグレーアウト（無効/Disable）表示にする方法 各種ボタンウィジェットクラスの onPressed プロパティで null を返すように書くとボタンがグレーアウト表示になります。 以下、RaisedButton で _isEnabled が false なら null を返してボタンをグレーアウト、true なら何か処理する感じのコード例です。 bool _isEnabled = false; // 〜 RaisedButton( child: Text('Button'), onPressed: !_isEnabled ? null : () { // 何かEnableの時の処理
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Flutter]popUntilメソッドで初期画面に遷移させる - Qiita![[Flutter]popUntilメソッドで初期画面に遷移させる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb46da95e89a2d9acd9b0793a3b421004d63037b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RHBvcFVudGlsJUUzJTgzJUExJUUzJTgyJUJEJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgxJUE3JUU1JTg4JTlEJUU2JTlDJTlGJUU3JTk0JUJCJUU5JTlEJUEyJUUzJTgxJUFCJUU5JTgxJUI3JUU3JUE3JUJCJUUzJTgxJTk1JUUzJTgxJTlCJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jNTNkNGNjYmYxYTc3ZDJjYzJlMTkwMjc3ODA0YzFkNA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmdWppdDMzJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kYzM3NjE0ZjljNjRkYzVhMWIzMGU0NGVhNmU2NWM4ZQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gQnJhaW5QYWQgSW5jLg%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D189ef1788fa50ced9414599ba185beac)
Dart programming language
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">色、リストタイル、変更</font></font>
Future<dynamic>はFuture<XXX>にキャストできない - Qiita
