excite-mthiroshi https://blog.hatena.ne.jp/excite-mthiroshi/ エキサイト TechBlog. https://tech.excite.co.jp/ Flutter エキサイト株式会社の@mthiroshiです。 FlutterでRawAutocompleteを使って、テキストの入力に応じて検索候補のワードを表示する、検索フォームを実装してみました。検索候補ワードは、APIから取得します。 下記が公式ドキュメントです。公式ドキュメントには、UIに関するいくつかのサンプルコードが載っています。 api.flutter.dev 実装 ここではViewとViewModel、UiStateのサンプルコードを紹介します。 Android開発におけるUIレイヤーの設計に倣っています。 まずは、UiStateです。 モデル定義のため Freezed を使っています。 p… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.excite.co.jp%2Fentry%2F2023%2F05%2F31%2F121500" title="【Flutter】RawAutocomplete 実装の検索フォームにおける候補ワードを取得する際の状態管理 - エキサイト TechBlog." class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/e/excite-mthiroshi/20230530/20230530144826.png Hatena Blog https://hatena.blog 2023-05-31 12:15:00 rich https://tech.excite.co.jp/entry/2023/05/31/121500 1.0 100%