パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v2.3.0

search_page

アプリでカスタム検索体験をすばやく簡単に構築する方法

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
910
いいね数
197
Pub ポイント
150

パッケージをインストール

flutter pub add search_page

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutterパッケージで、開発者がアプリ内にカスタマイズ可能な検索体験を迅速に作成できるようにします。リアルタイムフィルタリング、デバウンス処理の組み込みサポート、データソースとの簡単な統合を備えた、検索機能の実装を簡素化したアプローチを提供します。シンプルさとパフォーマンスを意識して設計されており、ボイラープレートコードを削減しつつ、UIカスタマイズの柔軟性も提供します。すべての主要プラットフォームで互換性があるため、一貫した検索インターフェースを求めるクロスプラットフォームアプリに最適です。

用途

  • リストでのリアルタイム検索の実装
  • 最小限の努力でカスタム検索UIを構築する
  • 動的データソースとの検索統合
  • ウェブおよびモバイル用の応答型検索バーを作成する
  • eコマースアプリに検索機能を追加する
  • 即時結果によるユーザーエクスペリエンスの向上

主な機能

  • デバウンス付きのリアルタイム検索
  • カスタマイズ可能な検索UIコンポーネント
  • クロスプラットフォーム互換性
  • 任意のデータソースとの簡単な統合
  • 非同期検索操作のサポート
  • 軽量でパフォーマンスに優れる

適している対象

  • 検索中心のアプリを開発する開発者
  • 迅速なプロトタイピングを重視するチーム
  • 複数プラットフォームにわたって一貫した検索が必要なアプリ
  • UX向上に注力するフロントエンド開発者
  • Flutter初心者が検索機能を探求しています

注意事項

  • 複雑なフィルターロジックのためには手動での設定が必要です
  • 基本的なカスタマイズを超える組み込みのスタイルオプションは限定的です
  • 大規模なデータセットには追加の状態管理が必要になる可能性があります
  • 非常に高い頻度の検索クエリには最適化されていません
  • 外部データソースの実装に依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Search Page

Package style: very good analysis Build Patreon License

Fast and easy way to build a custom search experience in you app.

This package aims to provide a simple way to build a search view, using available resources from the Flutter framework. It uses SearchDelegate as its fondation, in oder to build a 'material' experience.

One of the special features of this package is the filter parameter. It's a very simple way to filter out items inside a list, using different string representations.

Also, you can customize suggestion and on-error widgets, provide custom search filters, change AppBar's theme...

Example

Here is a example on how to use this package. You'd need to call the SearchPage class using the showSearch function built in.

If you want to take a deeper look at the example, take a look at the example folder provided with the project.

FloatingActionButton(
  child: Icon(Icons.search),
  tooltip: 'Search people',
  onPressed: () => showSearch(
    context: context,
    delegate: SearchPage<Person>(
      items: people,
      searchLabel: 'Search people',
      suggestion: Center(
        child: Text('Filter people by name, surname or age'),
      ),
      failure: Center(
        child: Text('No person found :('),
      ),
      filter: (person) => [
        person.name,
        person.surname,
        person.age.toString(),
      ],
      builder: (person) => ListTile(
        title: Text(person.name),
        subtitle: Text(person.surname),
        trailing: Text('${person.age} yo'),
      ),
    ),
  ),
),

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Built with

Authors

License

This project is licensed under the GNU GPL v3 License - see the LICENSE file for details.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト