【Flutter】Flutter 3.24.0にアップデートした際に発生したビルドエラーの解決方法 - Qiita
はじめに Flutter 3.24.0にアップデートした際に発生したビルドエラーの解決方法についてまとめます。 この記事は、私自身の環境で直面したエラーとその解決方法を記載しています。 依存関係やバージョンによって異なるエラーが発生する可能性があるため、その際にはエラーメッセージをもとに適切な対応方法をお探しいただければと思います。 また、ここで紹介する方法が最適解というわけではないかもしれないので参考程度にご覧いただけると幸いです。 前提 Flutter 3.16 ⇨ 3.19以降ではbuild.gradleの記述方法が変更されており、その影響で発生するエラーや対応策について詳しくは、こちらの記事や公式で解説されています。この変更点を理解しておくことで、ビルドエラーの解決がスムーズに進むかもしれません。 確認したエラー 1. Error: Type 'UnmodifiableUint8L
Codemagic でモバイルアプリの CI/CD を始めましょう (updated 2021) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Codemagic は、今年の２月に発表された Flutter UX 調査チームによる Q4 2019 の調査結果において、開発者が CI/CD で採用しているサービスのトップ３に挙げられており、（Codemagic、 Github Actions、 GitLab）、その中でも満足度が最も高かったことが示されています。 Codemagic は、Google と提携して Flutter 専門の CI/CD サービスとして開始されただけあって、Flutter を手厚くサポートしています。また、以下の翻訳で示されているように、Flutter
【Flutter】RichText でハッシュタグとかテキスト内リンクとか - Qiita
Flutter には RichText という Widget があります。 RichText class | Flutter その名の通り、テキストの一部だけ色やサイズなどを変えられるという、その名の通りリッチな Text です。 RichText の基本 RichText の最小限のサンプルコードは以下の通りです。 RichText( text: TextSpan( style: TextStyle(color: Colors.black), children: [ TextSpan( text: 'これは ', ), TextSpan( text: 'RichText', style: TextStyle(color: Colors.blue, fontSize: 24), ), TextSpan( text: ' です。', ), ], ), ), RichText の text プ
Riverpod、ProviderScopeどこに置く? ~ Providerをcontextを使って初期化する方法 ~ - Qiita
概要## Flutterの状態管理手法のRiverpod、あなたは活用されていますでしょうか。 管理したい状態をグローバルで定義できるのはとても便利ですよね。 ただ、Riverpodを使うにあたって、忘れてはいけないことがあります。 それがProviderScopeです。 ProviderScopeの中で状態を使用しないと、 Bad state: No ProviderScope found のエラーが出てしまいます。 Riverpodを使ったことがある方なら、一度は経験したことがあるのではないでしょうか？ ほとんどの方は、一番最初のrunAppの後にProviderScopeを置いていることでしょう。 中には状態の使用箇所にだけおく、という考え方の人もいるかもしれません。 本記事ではProviderScopeを置く場所についての検討を行います。 内容は以下の通りです。 Riverpod
FlutterのCI/CD環境のAWS EC2(Mac)環境に構築してパイプライン実行速度を改善する - Qiita
背景 現在Flutterを用いたモバイルアプリの開発を行なっているが、その中でGitlabによるCI/CDを構築している。 こちらを運用していくにあたって1点問題が発生した。 それは、メンバーの増加によって相対的にCI/CDのビルド端末が不足し、pipelineの滞留が発生したことだ。 pipeline待ちがDeveloperのストレスになったり、作業効率の低下を招いたりすることは既に広く知られてはいるため本件を早急に解決する必要がある。 基本的には、CI/CDのRunnerとなるMacを購入して、処理台数を増やすことで、本件を解決することができる。 しかし、この問題の解決には以下のような課題がある。 Mac端末の購入にはリードタイムが必要であり、解決まで時間がかかる。 新規で購入した端末では新たに環境構築が必要であり、人的リソースがかかる。 メンバーの増加は一時的なものであり、減少した際
FlutterのWidgetテストが終わらない現象の対応 - Qiita
背景 FlutterでFirebaseを組み込んだアプリのWidgetテストを行おうとすると、一向にテストが終わらない現象が発生したので備忘録として残します。 結論として、Firebase.initializeApp()がプラットフォーム上でないと動作しないために発生している事象のようなので、Mockを用意してあげることで解決しました。 コード testWidgetの中でFirebaseを初期化しようとしています。これがないとWidgetテスト実行時に No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp() と怒られていたために記述していました。 void main() { testWidgets('Counter increments smoke test', (WidgetTester t
Flutter HooksのuseXXXの使い方 - Qiita
はじめに Flutter HooksとはReact HooksのFlutter版です。 React Hooksについてはこちらの記事がわかりやすいです。 5分でわかるReact Hooks 現在、Hooks自体が注目されているのと同時に、RiverpodというProviderの上位版が登場し、このRiverpodがFlutter Hooksとの併用を推奨していることもあり、より注目を浴びているようです。 本記事ではFlutter Hooksのサンプルコードをベースに、Flutter HooksのuseXXXまわりの使い方についてまとめます。 ※ Flutter側とHooksについて、いろいろと議論されているので、今後どうなるのかは不透明ですが、ここでは触れないでおきます。 https://github.com/flutter/flutter/issues/51752 環境 flutter_
Flutterで前の画面に戻らせたくない時に使うwillPopScopeを紹介する - Qiita
概要 Webで言うところのPOSTでアクセスするような、ユーザーが1つ前の画面に戻ってほしくないシチュエーションがあると思います。 willPopScopeを使え、で終わりなのですが日本語の記事がなかった上に筆者の英語力がヘボ過ぎて英語の記事も見つけられなかったのでメモとして残します。 雑にtwitterで呟いたらへぶんさんが教えてくれました…圧倒的感謝…🙏 僕はよく戻らせたくない画面をWillPopScopeで囲んでる。 他にやり方があったら、教えてほしい。https://t.co/duWOwEoLpp https://t.co/AaR4VXuF2b — へぶん🦌 (@heavenOSK) January 14, 2020 https://twitter.com/heavenOSK/status/1217020388552478723?s=20 解説 APIドキュメントを読めば説明す
RiverpodとFlutter Hooksを使う、はじめの一歩 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事では、RiverpodとFlutter Hooksを使う、はじめの一歩として、 カウンターアプリを作ってみようと思います。 今回作成したコードはこちらのリポジトリに公開しています。 https://github.com/karamage/riverpod_flutterhooks_example Flutterの状態管理パターン みなさん、Flutterの状態管理パターンは、何を使っていますでしょうか？ Flutterの状態管理パターンはいっぱいあります。 大すぎですｗ StatefulWidget Redux BLo
Flutterに「Get」というなんかすごそうな状態管理&ルーティング管理パッケージを見つけたので軽く紹介する - Qiita
「Get」パッケージについて https://github.com/jonataslaw/get https://pub.dev/packages/get 先日、redditで以下ようなsubmissionが投稿されました。 主に、状態管理やルーティング管理などを提供しているみたいです。 pub.devやレポジトリのページを見てもらえばわかるように、ReadMeがくそ長いです。僕にはそんな大量の英語読めません。 多機能すぎて意見が分かれてるっぽいですが、Flutterはビルド時に無駄なものは削除してくれるので個人的にはあまり気にならないです。 英語とか全然読めないので重要そうなとこだけ抜粋します。 ルーティング管理 redditのディスカッションを見る限り、これが一番評価されてそうな感じです。 Get will save hours of development, and will ext
Flutter の Text 、赤文字に黄色のアンダーラインってなんなの？ - Qiita
/// 全体的にコメントも省略 // 省略 body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ], ), ), // 省略 こんな感じに実装されていて、 Text ウィジェットは二箇所で利用されています。 サンプルアプリを起動したときの表示はこうです。 Text に手を加えてみる いざアプリ開発に取り掛かると、サンプルアプリのようにシンプルではなく様々な装飾を行います。 今回は二箇所の Text をドラッグできる
2022年の Flutter ロードマップ【要約】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい！ そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け## 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々
FlutterでDynamic Linksを使ってみる - Qiita
Life is Tech！#1 Advent Calendarの2日目を担当するAndroid/WebSメンターのもなです. 最近のスマホアプリ開発において, Googleが作成したオープンソースのUIソフトウェア開発キットであるFlutterが用いられることが少なくありません. 今回はそんなFlutterでDynamic Linksを使ってみるという趣旨の記事を書いていきたいと思います. Dynamic Linksとは? Flutterについて知っている・聞いたことがあるという人は多い印象です. 一方, Dynamic Linksについては馴染みがない人も多いのではないでしょうか? Dynamic LinksはDeep Linkという「スマホアプリの特定の画面に移動するリンク」を扱いやすく拡張したものです. 正式には, Firebase Dynamic Linksといい, 以下のような説
FlutterでListView - Qiita
はじめに 今作ろうと思ってるアプリがあって最近Flutterを勉強しているのですが、その中でリストを生成する必要があるので、やり方を勉強しようと思います。 環境 Android Studio Flutter 1.0 とりあえずベース部分を作る State<T>前まで一気に作ってしまいます。 import 'package:flutter/material.dart'; void main() => runApp(RootWidget()); class RootWidget extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: HomeWidget(), ); } } class HomeWidget extends StatefulWidget
Flutterで画面の遷移のタイミングで処理を行う - Qiita
[2019/05/13 追記] Issue#29596 は プルリク 30422 で修正されました。 [2019/04/01 追記] #29596 によると、iOSでスワイプで戻ると didPop, didPopNext が呼ばれないようです。 FlutterのWidgetには、画面の遷移に関するイベントを処理するためのハンドラ(メソッド)がありません。これは当然で、Widgetは部品であるため、画面の一部なのか全体なのか、使う側次第だからです。 さて、Flutterにおいて画面遷移に関する処理を行っているのはNavigatorというクラスです。このクラスに対してpushやpopという操作を行います。このNavigatorに対してはNavigatorObserverのリストを渡すことができます。これにより画面遷移に関するイベントを受け取ることができます。 NavigatorObserver
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Flutter】Integration Testを極めるためのテクニック集 - Qiita
Flutterでの単体テスト（完全版） - Qiita
FlutterのWidgetTestで待ち(疑似スリープ)を入れる - Qiita
Flutterのテストについて調べた - Qiita
【Flutter】JSONをデコードする - Qiita
