はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 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_

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Flutterの多言語ファイルの管理は難しい Flutterの多言語は管理がやや複雑です。 具体的な説明や実装方法は詳しい記事がありますので、こちらに譲ります。 Flutterで多言語化対応する(Dart intl toolsの使い方) 簡単にまとめると、 Dart intl toolsをpubspec.yamlに追加 文字列管理クラス(ここではstrings.dart)を用意 翻訳する文字列をdartファイルに記述 翻訳ファイルであるarbをコマンドで出力 他の言語のarbを作成 arbファイルからdartファイルをコマンドで生成 となります。 また、文言の追加や修正となった場合、[3]の手順から処理を繰り返す必要がある上に、翻訳ファイルの一覧性もなく、管理しづらいという難点がありました。 Spread Sheetで翻訳データを管理する そこで、翻訳データをスプレッドシートで管理し、Fl

はじめに この記事は Flutter #2 Advent Calendar 2018 18日目の記事です。 Flutterを導入しようと思ったときに、ネイティブで画面を作れる方法を知っていると、精神的にも余裕が生まれてFlutter導入へのハードルも低くなるのかなと勝手に解釈してこの記事を書こうと思いました。 なお、タイトルおよびサンプルではネイティブの画面を表示することを目的としていますが、実際は画面を表示せずにAndroid/iOSのコードだけを呼んでOSのAPIを叩くだけなどの実装も可能です。 概要 MethodChannelという機能を使って、Dart,iOS,Androidそれぞれの実装を行います。 公式に載っている構成はこちらです。 このようにDartからはMethodChannelでメッセージを送信し、AndroidではMethodChannel、iOSではFlutterMe

はじめに Android JetpackのNavigationを使った画面遷移における、バックキーのハンドリングについてまとめました。 具体的には、編集画面などでバックキーを押下した際に、「編集を破棄してもよろしいですか？」ダイアログを出したいときなどを想定しています。こんなイメージです。 そもそもこの仕様が良いかどうかという議論はあるかもしれませんが、それはここでは議論しません。 サンプルプロジェクト サンプルプロジェクトとしてGoogle I/O 2018のcodelabを使って説明します。 https://codelabs.developers.google.com/codelabs/android-navigation/#0 構成は、Single Activityで、その上にFragment(NavHostFragment)が乗っています。そのNavHostFragmentの上をN

やりたいこと RecyclerViewのデータ更新をnotifyDataSetChangedとかを使わずに、楽してやりたい。。 サンプルアプリの仕様 話を単純化するためにシンプルなものを作ります。 Addボタンを押すとリストが追加される アイテムをタップすると削除される 実装 基本的にはMVVMを意識した設計になっています。 登場人物はMainActivityとそれに紐づいたMainViewModel、 Adapterと各RecyclerView.ViewHolderに紐づいたItemViewModel、そしてDiffUtil.Callbackです。 MainActivity ボタンとRecyclerViewだけを定義したシンプルな画面です。 MainViewModelのbindingをやっています。 RecyclerViewの app:viewModels="@{viewModel.it