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

ducafecatFlutter エコシステムナビ
text_scroll のカバー
パッケージ詳細v0.2.1

text_scroll

TextScroll Flutterウィジェットは、テキストの自動スクロール機能（マーチャー形式のテキスト）を追加します。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
2.5万
いいね数
194
Pub ポイント
150

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

flutter pub add text_scroll

パッケージ概要

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

TextScroll は、自動スクロールを可能にする Flutter ウィジェットで、マーケー効果を作成するのに最適です。テキストをスクリーン上でなめらかにアニメーション表示し、限られたスペースに長いコンテンツを表示するのにぴったりです。スクロール速度、方向、一時停止動作などのさまざまなカスタマイズオプションをサポートしています。Android、iOS、Web、macOS、Windows、Linux などすべての主要プラットフォームと互換性があり、既存の Flutter アプリケーションにシームレスに統合できます。シンプルさとパフォーマンスを重視して設計されており、最小限のセットアップでユーザー体験を向上させます。

用途

  • 限られたスペースに長い見出しを表示する
  • アニメーションバナーまたは通知を作成する
  • ティッカー風のニュースフィードを表示しています
  • 動的テキスト要素によるUIの強化
  • スクロールする字幕またはキャプションの実装

主な機能

  • スムーズな自動スクロールアニメーション
  • カスタマイズ可能なスクロール速度と方向
  • ホバー時の一時停止サポート
  • クロスプラットフォーム互換性
  • 最小限の設定でのシンプルな統合
  • 複数行および単一行のテキストをサポートします

適している対象

  • ダッシュボードやニュースアプリを開発する開発者
  • ダイナミックなテキストエフェクトを望むデザイナー
  • 継続的なテキスト表示を必要とするアプリ
  • 複数のプラットフォームをターゲットにするプロジェクト
  • 軽量なアニメーションソリューションを探しているユーザー

注意事項

  • 最適な外観を得るには、追加のスタイル設定が必要になる場合があります
  • 非常に長いテキストによるパフォーマンスへの影響
  • 個々の文字アニメーションに対する制御が限られている
  • 静的テキスト表示には適していません
  • 短〜中程度のテキストコンテンツと併用するのが最適

元の README

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

text_scroll

TextScroll Flutter widget adds text auto-scrolling functionality (marquee text).

demo

Features

  • endless and bouncing modes
  • delay and pause between rounds
  • max number of rounds
  • custom velocity
  • style and textAlign support

Getting started

To use this package, add text_scroll as a dependency in your pubspec.yaml file.

Usage

Minimal example:

    TextScroll('This is the sample text for Flutter TextScroll widget. ')

Custom settings:

    TextScroll(
        'This is the sample text for Flutter TextScroll widget. ',
        mode: TextScrollMode.bouncing,
        velocity: Velocity(pixelsPerSecond: Offset(150, 0)),
        delayBefore: Duration(milliseconds: 500),
        numberOfReps: 5,
        pauseBetween: Duration(milliseconds: 50),
        style: TextStyle(color: Colors.green),
        textAlign: TextAlign.right,
        selectable: true,
    )

See also

カテゴリー

テキストの装飾、エフェクトおよびアニメーション

ソースリポジトリ

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