搜尋套件、儲存庫與 APP 分類

status_view 封面
套件詳情v0.0.2

status_view

顯示狀態,就像 WhatsApp 與 Instagram 一樣。此套件可幫助顯示使用者狀態,類似於 WhatsApp 狀態。在這裡我們可以指定狀態數量、已讀與未讀狀態,除此之外,相同套件也可用於顯示類似 Instagram 的狀態。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
249
喜歡數
90
Pub 分數
120

安裝套件

flutter pub add status_view

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

status_view 套件讓開發者能夠顯示類似於 WhatsApp 與 Instagram 的使用者狀態。它支援顯示已查看與未查看的狀態,並為每種狀態提供可自訂的指示器。此套件非常適合需要動態狀態資訊流的社群應用程式,在各平台提供簡潔、原生的體驗。它能順暢整合至聊天介面與個人檔案區段,透過視覺狀態更新提升使用者參與度。

適用情境

  • 社群媒體應用
  • 聊天介面
  • 用戶活動追蹤
  • 個人檔案狀態顯示
  • 即時狀態更新

主要特色

  • WhatsApp 風格的狀態顯示
  • Instagram風格的狀態動態
  • 已查看/未查看狀態指示器
  • 跨平台相容性
  • 可自定義的狀態UI
  • 輕鬆整合聊天功能

適合對象

  • 開發聊天應用的開發者
  • 社交網絡平台
  • 具有使用者活動訊息的應用程式
  • 尋求原生狀態組件的UI設計師
  • Flutter 項目針對多個平台

使用建議

  • 需要手動處理狀態數據
  • 超出基本樣式的自訂功能有限
  • 依賴外部資料來源取得狀態內容
  • 未針對大型狀態列表進行優化
  • 可能需要額外的邏輯來實現即時更新

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

status_view

Display status just like WhatsApp & Instagram. This package help to display users status like WhatsApp status. in this we can specify the number of status ,seen and unseen status as well, apart from that same package use to display status like Instagram.

Installation

You just need to add status_view as a dependency in your pubspec.yaml file.

dependencies:
  status_view: ^0.0.1

Usage

StatusView(
            radius: 40,
            spacing: 15,
            strokeWidth: 2,
            indexOfSeenStatus: 2,
            numberOfStatus: 5,
            padding: 4,
            centerImageUrl: "https://picsum.photos/200/300",
            seenColor: Colors.grey,
            unSeenColor: Colors.red,
          ),
Attributes Description
radius radius of status view circul
spacing spacing between two status indicator
strokeWidth strokeWidth of status indicator
indexOfSeenStatus index of which status is already seen
numberOfStatus total number of status
padding padding between status indicator and center image
centerImageUrl center image required
seenColor color of already seen status
unSeenColor color of unSeen status

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。