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

パッケージ詳細v3.7.0

timeago_flutter

Flutter用のTimeagoウィジェット。曖昧なタイムスタンプ(例:「15分前」)を作成します。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
1.3万
いいね数
36
Pub ポイント
150

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

flutter pub add timeago_flutter

パッケージ概要

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

人間が読みやすい曖昧なタイムスタンプ(例:15分前、2日前など)を表示するFlutterパッケージです。相対的な時刻の差を自動的に計算・フォーマットすることで、日付と時刻の表示を簡素化します。フィード、メッセージ、ログなどで動的でユーザーに優しい時間ラベルが必要なアプリに最適です。複数言語に対応しており、モバイル、Web、デスクトップを含むすべての主要プラットフォームで互換性があります。FlutterのUIシステムとシームレスに統合され、最小限のセットアップで利用可能です。

用途

  • ソーシャルメディアアプリで投稿のタイムスタンプを表示する
  • チャットインターフェースでメッセージ送信時刻を表示する
  • 相対時間を使用してアクティビティログを更新する
  • 読み取り可能な時間ラベルによるユーザーエクスペリエンスの向上
  • リアルタイムデータをローカライズされた日時形式と同期する

主な機能

  • 自動的な相対時間の計算
  • 多言語対応
  • クロスプラットフォーム互換性
  • シンプルなウィジェット統合
  • カスタマイズ可能な時刻フォーマット
  • 軽量で高速

適している対象

  • ソーシャルメディアアプリケーション
  • メッセージングおよびチャットアプリ
  • リアルタイムダッシュボード
  • コンテンツフィード
  • ユーザー活動の追跡

注意事項

  • デフォルト以外のロケールでは手動での言語設定が必要です
  • 正確なタイムゾーンの設定には追加の構成が必要になる場合があります
  • 相対的な時刻表示のみ(絶対日付ではない)
  • 正確なタイムスタンプ記録には適していません
  • 翻訳には下位のDart timeagoライブラリに依存しています

元の README

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

timeago

timeago is a dart library that converts a date into a humanized text. Instead of showing a date 2020-12-12 18:30 with timeago you can display something like "now", "an hour ago", "~1y", etc

timeago pub package core library
timeago_flutter pub package flutter widgets

The easiest way to use this library via top-level function format(date):

import 'package:timeago/timeago.dart' as timeago;

main() {
    final fifteenAgo = DateTime.now().subtract(Duration(minutes: 15));

    print(timeago.format(fifteenAgo)); // 15 minutes ago
    print(timeago.format(fifteenAgo, locale: 'en_short')); // 15m
    print(timeago.format(fifteenAgo, locale: 'es')); // hace 15 minutos
}
IMPORTANT

timeago library ONLY includes en and es messages loaded by default.

To add more of the supported languages use timeago.setLocaleMessages(..). See locale messages.

Standard for language code

This library uses ISO 639-1 language code to identify the language. For more information see ISO 639-1.

Adding locales
timeago.setLocaleMessages('fr', timeago.FrMessages()); // Add french messages

print(timeago.format(fifteenAgo, locale: 'es')); // environ 15 minutes
Overriding locales or adding custom messages
// Override "en" locale messages with custom messages that are more precise and short
timeago.setLocaleMessages('en', MyCustomMessages());


// my_custom_messages.dart
class MyCustomMessages implements LookupMessages {
  @override String prefixAgo() => '';
  @override String prefixFromNow() => '';
  @override String suffixAgo() => '';
  @override String suffixFromNow() => '';
  @override String lessThanOneMinute(int seconds) => 'now';
  @override String aboutAMinute(int minutes) => '${minutes}m';
  @override String minutes(int minutes) => '${minutes}m';
  @override String aboutAnHour(int minutes) => '${minutes}m';
  @override String hours(int hours) => '${hours}h';
  @override String aDay(int hours) => '${hours}h';
  @override String days(int days) => '${days}d';
  @override String aboutAMonth(int days) => '${days}d';
  @override String months(int months) => '${months}mo';
  @override String aboutAYear(int year) => '${year}y';
  @override String years(int years) => '${years}y';
  @override String wordSeparator() => ' ';
}

Scope

While there are many request for adding more complex functionality I want keep this library as simple as possible to allow minimal maintenance.

The focus of this library should be

  1. Provide a single format function that transforms a date to a humanized value
  2. Give the abstractions for users to add their own languages or overriding them as they please
  3. Provide languages contributed by the community so users can add them as they need we should not add all languages by default.
  4. Library should not depend on any dependency

timeago_flutter widgets

  • Timeago
  • TimerRefresh
  • TimerRefreshWidget

Local development

  1. Install Melos (https://pub.dev/packages/melos):

dart pub global activate melos

  1. Bootstrap dependencies:

melos bootstrap

  1. Open desired package in VSCode or Webstorm

Live Demo

Here

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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