Flutter

【Flutter】firestore-ios-sdk-frameworksとFirebase各種ライブラリのバージョン対応表

背景 FlutterのCI環境を構築する際に、Firebase Firestoreを導入しているとpod installが異様に時間がかかってしまう問題がある。 この件は、firestore-ios-sdk-frameworksを導入することで解消することができる。 その手順は下記リンクが参考になる。 iOSビ…

Flutter/Androidで動画再生時に発生する「format_supported=NO_EXCEEDS_CAPABILITIES」エラーの解決方法

こんにちは。 FlutterやAndroidの開発で動画を再生する際に、上記のエラーに遭遇したので、解決方法を記載しておきます。 エラーの詳細は下記のようなものです。 com.google.android.exoplayer2.ExoPlaybackException: MediaCodecVideoRenderer error, index…

【Flutter】flutter_screenutilを使ってデザイン時から複数のアスペクト比に対応する画面設計

flutter_screenutilについて pub.dev スクリーンサイズが異なる端末でも、Widgetのサイズの比率を一定に保って表示してくれるパッケージです。 例えば下図のような2つのスクリーンサイズが異なる端末があるとします。 iPhone14上で、横を211(スクリーン横の1…

【Flutter】モバイル端末の画面サイズとアスペクト比について

画面サイズのアスペクト比別分類 こらちのサイトにて、よく使われる端末の画面サイズを調査し図示してみました。 分かること 国内ではアスペクト比9:19.5と9:16がよく利用されている 世界ではアスペクト比9:20がよく利用されている 一部には9:21と非常に縦長…

【Flutter】TabウィジェットでTabBarに画像を使用する

やりたいこと 図のように、画像データをタブに使用して、活性・非活性を切り替える。 タブ アイコンやテキストを使う場合は、下記を参考に作成できるが、凝った画像データでタブの切り替えを表現しようとするとひと工夫必要となる。 docs.flutter.dev 気を付…

Flutterでリリースビルドでapkファイルを取得する

こちらを参照 docs.flutter.dev CPUアーキテクチャごとにapkを分けて生成 flutter build apk --split-per-abi 全環境まとめて flutter build apk

パターン別にProviderがキャッシュを使うかどうかを調査した

目的 Riverpodが提供するProviderは、値をキャッシュしてbuildのたびに処理が動かないようにしてくれている。 FutureProviderでWebAPIをコールする処理がbuildの度に実行されないのは便利だ。 しかし、キャッシュを使いたくないと思っていたのに使われていた…

Watch OSアプリと連携するFlutterアプリの作り方

Flutterアプリ側でボタンを押すと、Watch OSアプリ側のカウンターが増加するアプリを作成します。 ソースコードはこちら。 github.com Flutterアプリ制作・バグ修正承ります! coconala.com 実行用シミュレーターの準備 Xcode->Window->Devices and Simulato…

テンプレアプリでFlutter開発をスムーズに

Flutterでアプリを作成する際、アプリが持つべき機能や構造を何度も実装するのはとても無駄なことですね。AndroidStudioでFlutterプロジェクトを作成すると、カウンターアプリが生成されますが、欲しいコードが全然実装されてません。そこで、よく使うコード…

データベースIsarでユニットテストをするとき、「Invalid argument(s): Failed to load dynamic library (126)」と出る件の解消方法。

実行環境の想定 Windows 10 64bit Android StudioユニットテストをWindows上で実行するには、Windows用のdllが必要になるが、 本エラーメッセージは、そのdllを読み込めないよと言ってるようだ。手順1:下記のリンクから使用中のIsarのバージョンにあったdll…