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

stylish_pull_to_refresh のカバー
パッケージ詳細v1.2.0

stylish_pull_to_refresh

これは、複数の RefreshIndicator アニメーションスタイルを備えたFlutterパッケージです。

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

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

flutter pub add stylish_pull_to_refresh

パッケージ概要

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

Flutterパッケージで、リフレッシュインジケーターの複数のアニメーションスタイルを提供し、視覚的に魅力的なアニメーションでプルツーリフレッシュ体験を向上させます。カスタマイズ可能でモダンなリフレッシュインジケーターを提供し、Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームで動作します。複雑な実装なしに、スムーズで魅力的なリフレッシュインタラクションでアプリのUIを高めたい開発者に最適です。パッケージは軽量で、簡単なpubコマンドを使用して簡単に統合できます。

用途

  • リストのリフレッシュアニメーションの向上
  • 視覚フィードバックによるユーザー参加度の向上
  • モバイルおよびウェブアプリでのプルtoリフレッシュのカスタマイズ
  • スクロール可能なウィジェットに動的効果を追加する
  • データが多く含まれるアプリケーション向けに洗練されたUIを作成する

主な機能

  • 複数のアニメーションリフレッシュスタイル
  • クロスプラットフォーム互換性
  • pub を通じた簡単な統合
  • 軽量でパフォーマンスに優れる
  • カスタマイズ可能なアニメーション動作
  • すべての Flutter プラットフォームをサポートしています

適している対象

  • 視覚的な洗練を求めるUIデザイナー
  • インタラクティブなリストを構築している開発者
  • 魅力的なリフレッシュ体験を必要とするアプリ
  • 複数プラットフォーム向けのプロジェクト
  • ユーザー体験の向上に注力するチーム

注意事項

  • 一貫性を保つために追加のスタイリングが必要になる場合があります
  • アニメーションのパフォーマンスはデバイスの機能に依存します
  • リフレッシュインジケータ機能に限定
  • スクロールできないコンテンツには適していません
  • ListView や CustomScrollView のようなスクロール可能なウィジェットと併用するのが最適です

元の README

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

stylish_pull_to_refresh

This is a flutter package with multiple animated style of RefreshIndicator. Use this to achive "pull to refresh" function in your project.

Code Example

Simple code example to use this project feature

  StylishPullToRefresh(
        style: Style.sandTimer, //multiple style available, pick your favourite one
        onRefresh: () async {
          //add code to execute on refresh
        },
        child: SingleChildScrollView(...) //pass child widget tree here
    )

Demo

demo1

demo2

demo3

Avaiable styles

Here are avaiable style list you could apply

style: Style.audioWave,
style: Style.box,
style: Style.circularProgress,
style: Style.fileSearch,
style: Style.game,
style: Style.handGesture,
style: Style.loop,
style: Style.paperPlane,
style: Style.sandTimer,
style: Style.threeCircle,

カテゴリー

ソースリポジトリ

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

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