Flutter
FlutterのYoutubeチャンネルを見てたら、 便利なパッケージがあったので試してみたときの備忘録(*´ω｀*) google_fonts | Flutter Package Browse Fonts - Google Fonts 使い方 とりあえずインストール。 $ fvm flutter pub add google_fonts $ fvm flutter p…
ひさびさにflutter doctorを実行するとこんなエラーが。。 $ fvm flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.16.9, on macOS 13.2.1 22D68 darwin-arm64, locale ja-JP) [!] Android tool…
Firebaseコンソールで設定した値を、 Flutterアプリから取得できるRemote Config Remote Configとpackage_info_plusをつかって、 強制アップデート機能を実装したときの備忘録(*´ω｀*) 状態管理には、riverpodを利用してる ざっくりとした流れ 流れとしては…
FlutterをAndroidでリリースする場合とかに署名用の証明書が必要。 いつも調べてるので、まとめてみたときの備忘録(*´ω｀*) 公式だとこの辺り Sign the app | Android | Flutter リリース用の証明書作成と署名 keystoreの作成 まずは署名するためのkeystore(…
FlutterでもBGMや効果音を再生したいなと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) 参考サイトを見てみると、いろいろ違いがありそうだけど、 公式のCasual Games Toolkitで紹介されていたaudioplayersを試してみる。 audioplayers | Flutter package …
この記事で出てきたfreature-firstなディレクトリ構成がよさそうだなと思い、 原文をちゃんと読んでみたときの備忘録(*´ω｀*) FlutterとFirebaseを使ってアプリを作る上でのテクニックあれこれ 原文はこちら Flutter Project Structure: Feature-first or La…
go_routerに再入門してみたけど、ページ遷移のアニメーションが微妙。。 Flutterのgo_routerに再入門する - くらげになりたい。 いろいろ見てみると、公式ドキュメントがよいライブラリを公開していたので、 試してみたときの備忘録。 animations | Flutter …
Flutterでは、端末の文字サイズの設定に応じて、 文字の大きさなどを自動で調整してくれる。 ただ、予期せぬレイアウト崩れなども起こるので、 無視したり、指定した範囲内のみにしたい。。 個別に設定できるけど、一括で設定したいなと思ったときに、 いろ…
FlutterにAdMob広告をいれたいなと思い、 いろいろ調べたときの備忘録(*´ω｀*) google_mobile_ads | Flutter packageを使えばいいっぽい ドキュメントやチュートリアルも用意されている ドキュメント: Flutter アプリに AdMob 広告を追加する チュートリアル…
ほそぼそと作ってるゲームアプリで、 絵文字に対応したときの備忘録(*´ω｀*) アップデートDONE1. 絵文字でステージを作成できるようになりました✨2. ランキング数を10から30に変更しました✨ほか、いくつかの改善や修正も#マグロ探し #indiedev #ゲーム開発 #…
Flutter用のUIカタログ「Widgetbook」 そろそろちゃんと使いたいなと思い、入門してみたときの備忘録(*´ω｀*) WebフロントエンドのStorybookと同じ感じ Widgetbookとは 登録したWidgetを一覧にして表示を確認できるツール 公式のデモが用意されているので、…
flutter_native_splashパッケージを使ういい感じにできるっぽい。 対応しているのは、Android/iOS/Web。 flavorにも対応しているけど、Desktop系は非対応。 Desktop Support · Issue #168 · jonbhanson/flutter_native_splash Flutter公式のドキュメントはこ…
Flutterでクリップボードにコピーしたいなと思ったときに、 いろいろ調べてみたときの備忘録(*´ω｀*) これでいけるっぽい(*´ω｀*) import 'package:flutter/services.dart'; // copy final data = ClipboardData(text: "foobar"); await Clipboard.setData(d…
Flutterでも全画面モードみたいに、 上のステータスバーや下のナビゲーションバーを非表示にしたいなと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) SystemChrome.setEnabledSystemUIMode()で設定できるらしい setEnabledSystemUIMode method - SystemChr…
前回の続き。バナー広告は表示できたので、 リワード広告も試してみたときの備忘録(*´ω｀*) www.memory-lovers.blog リワード広告とは 長めの動画広告を見ると、ユーザが報酬を受け取れるタイプの広告 リワード広告とリワードインタースティシャル広告(β版)…
Webサイトの特定のURLにアクセスするとアプリが開く、 Deep Linkに対応したいなと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) Flutterの公式ドキュメントはこのあたり Deep linking | Flutter Set up app links for Android | Flutter Android アプリリ…
FlutterでWebアプリを作ってみたときに調べたときの備忘録。 画面遷移まわりをまとめてみた。 複数画面をルーティングする Navigate with named routes - Flutter ルーティングは、こんな感じででAppに設定する。 void main() => runApp(MyApp()); class MyA…
久々に見直してたら、@riverpodを使って簡潔にProviderが書けるようになっている。 Stateとかを書かなくて良くなったけど、いろいろ忘れているので、 再度入門したときの備忘録(*´ω｀*) 参照した公式ドキュメントはこのあたり。 hooks_riverpod | Flutter Pa…
久々に見直してたら、@TypedGoRouteを使って、 パスパラメタとかも型を意識して呼び出せるようになってた。 go_router | Flutter Package Type-safe routes topic - Dart API go_router（今週のパッケージ） - YouTube いろいろ忘れているので、再度入門した…
ひさびさにFlutterのセットアップをしてたら、 FlutterFire CLIを使った形になってて、かなりハマったので、 いろいろ調べたときの備忘録(*´ω｀*) Flutter アプリに Firebase を追加する invertase/flutterfire_cli: A CLI to help with using FlutterFire i…
画面を開いたときに、初期化処理などをしたいと思って、 いろいろ調べたときの備忘録(*´ω｀*) flutter_hooksのuseEffectを使うとよいっぽい。 rrousselGit/flutter_hooks コード import 'package:flutter/material.dart'; import 'package:flutter_hooks/flu…
FlutterでToast通知を使いたいなと思って、 いろいろ調べてみたときの備忘録(*´ω｀*) 調べてみると色々あるけど、 toastification | Flutter Package fluttertoast | Flutter Package cherry_toast | Flutter Package 見た目的に好きだったtoastificationに…
Flutterでdart:htmlなど特定のプラットフォームでしか動かないパッケージを 使いたいなと思ったときにいろいろ調べたときの備忘録(*´ω｀*) Conditional Import(条件付きインポート)という機能があるらしい。 Conditionally importing and exporting library …
FlutterのIconで好きなアイコンを追加したいなと、 いろいろ調べてみたときの備忘録(*´ω｀*) IconDataはフォントらしく、フォントファイルを追加する必要があるっぽい。 Icon(Icons.copy); // Icons.copyの中身 /// <i class="material-icons md-36">copy</i> — material icon named "copy…
FlutterでWidgetの位置情報(Position)を取得したいと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) 位置情報はRenderBoxから取得できるっぽい。 使い方 自分自身の位置情報はこんな感じ。 RenderBoxはBuildContextから取得できる。 class FooWidget extend…
前回の記事でopenapi.yamlからdartコードを生成できたけど、 OpenAPITools/openapi-generatorが吐くコードは、Dart2だったりとあんまりだった。。 TypeSpec(OpenAPI)でTypeScriptとDartのモデルを共通化する - くらげになりたい。 他にもなにかいいのがない…
AATやGDPRをちゃんと対応しようと、 いろいろ調べてみたときの備忘録(*´ω｀*) どちらともAdMobで対応できたので便利 google_mobile_ads | Flutter packageを利用 流れ 同メッセージの表示などのために、 User Messaging Platform（UMP)というのがあるらしい…
Flutterでアプリのライフサイクルごとに処理をしたいなと思ったときの備忘録(*´ω｀*) flutter_hooksにuseOnAppLifecycleStateChange()が用意されていた(*´ω｀*) class App extends HookConsumerWidget { const App({Key? key}) : super(key: key); @override…
今までAndroid StudioでFlutterしてたけど、 VSCodeでやってみたときの備忘録(*´ω｀*) 新規プロジェクトを作成するときいつも忘れるのでまとめておく。 事前準備 flutterとfvmはインストール済みの想定。 flutter Install | Flutter fvm: flutterのバージョ…
Flutterで画面サイズに応じて、レイアウトを変える方法について、 いろいろ調べてみたときの備忘録(*´ω｀*) 公式ドキュメントのこの辺りがベースになるっぽい。 Creating responsive and adaptive apps | Flutter Building adaptive apps | Flutter なので、…
