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

easy_sticky_header のカバー
パッケージ詳細v1.1.1

easy_sticky_header

スクロールをサポートする任意のウィジェットに適した、使いやすく強力なスタックヘッダーです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
5630
いいね数
56
Pub ポイント
160

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

flutter pub add easy_sticky_header

パッケージ概要

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

easy_sticky_header は、スクロール可能なウィジェットにスタックヘッダーを実装するための簡単で柔軟な方法を提供するFlutterパッケージです。スクロール中にヘッダーが常に上部に表示されるように自動的に制御し、グループ化されたコンテンツを含むリストやグリッドにおけるユーザー体験を向上させます。使いやすさを重視して設計されており、ListView、Scrollable、および他の主要プラットフォームでのスクロール可能コンポーネントとシームレスに統合されます。カスタムヘッダーウィジェットとスムーズな遷移をサポートしており、構造化されたスクロールデータ表示が必要なアプリに最適です。

用途

  • グループ化されたリストビュー
  • スクロール可能なダッシュボード
  • 製品カテゴリーリスト
  • 動的コンテンツセクション
  • ユーザーのプロフィールタイムライン

主な機能

  • 自動ヘッダーの接着
  • カスタマイズ可能なヘッダー・ウィジェット
  • スムーズな遷移アニメーション
  • クロスプラットフォーム互換性
  • 最小限のセットアップが必要
  • ネストされたスクロール可能なコンポーネントをサポート

適している対象

  • スクロール可能なUIを構築する開発者
  • カテゴリ化されたコンテンツを備えたアプリ
  • クリーンなヘッダー動作を求めるデザイナー
  • 応答性レイアウトが必要なプロジェクト
  • 開発スピードを最優先するチーム

注意事項

  • 非常に大きなリストではパフォーマンスに影響を与える可能性があります
  • 複雑なネストされたスクロールでは注意が必要です
  • 高度なアニメーションのカスタマイズが限られている
  • 非常に動的なヘッダー コンテンツに最適化されていません
  • 静的または準静的なヘッダー設計に最適

元の README

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

easy_sticky_header

platform pub license issues commits

English | 中文

An easy-to-use and powerful sticky header for any widget that supports scrolling.

Features

  • Support widget for horizontal or vertical scrolling
  • Support widget for reverse scrolling
  • Allow dynamic building of header widget and support custom transition animation
  • Header widget can dynamically change stickiness
  • Support jumping to the header widget of the specified index
  • Support header widget grouping
  • Support infinite list

Usage

Add dependency:

dependencies:
  easy_sticky_header: ^1.1.1

Import package:

import 'package:easy_sticky_header/easy_sticky_header.dart';

Example:

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StickyHeader(
      child: ListView.builder(
        itemCount: 100,
        itemBuilder: (context, index) {
          // Custom header widget.
          if (index % 3 == 0) {
            return StickyContainerWidget(
              index: index,
              child: Container(
                color: Color.fromRGBO(Random().nextInt(256),
                    Random().nextInt(256), Random().nextInt(256), 1),
                padding: const EdgeInsets.only(left: 16.0),
                alignment: Alignment.centerLeft,
                width: double.infinity,
                height: 50,
                child: Text(
                  'Header #$index',
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 16,
                  ),
                ),
              ),
            );
          }
          // Custom item widget.
          return Container(
            width: double.infinity,
            height: 80,
            color: Colors.white,
          );
        },
      ),
    );
  }
}

For more features, please go to the example project to see the details.

Screenshots

screenshot1 screenshot2 screenshot3
screenshot4 screenshot5 screenshot6
screenshot7 screenshot8 screenshot9

Contribution

You are welcome to contribute here 😄!

You can open an issue, if you find a bug, or want a new feature.

You can open up a PR, if you fixed a bug or implemented a new feature.

License

MIT License

Copyright (c) 2022 crasowas

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

カテゴリー

ソースリポジトリ

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

データはまだありません。