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

套件詳情v0.2.3

chat_pickers

一個用於顯示表情符號/GIF鍵盤的新Flutter套件。

近 30 天下載
80
喜歡數
36
Pub 分數
40

安裝套件

flutter pub add chat_pickers

套件介紹

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

ChatPickers 是一個 Flutter 套件,旨在透過提供直覺的鍵盤來插入表情符號和 GIF,以增強聊天介面。此套件以簡單性和整合為核心設計,提供乾淨且可自訂的介面,能無縫融入現有的文字輸入欄位。該套件支援媒體的即時預覽與選擇,提升訊息應用中的使用者參與度。對於希望在不進行大量自訂開發的情況下豐富通訊功能的開發者而言,這非常理想。憑藉其輕量級設計和簡易設定,ChatPickers 簡化了向聊天中加入表達性內容的過程。

適用情境

  • 透過表情符號和GIF支援增強訊息應用
  • 在聊天介面中新增富有表現力的輸入選項
  • 將媒體選擇器整合到文字輸入欄位中
  • 建立互動且引人入勝的使用者對話
  • 支援社群應用中的多媒體豐富通訊

主要特色

  • 與現有文字欄位的輕鬆整合
  • 即時表情符號和 GIF 預覽
  • 可自定義的 UI 組件
  • 輕量且高效能的設計
  • 透過 pubspec.yaml 進行簡單設定

適合對象

  • 開發聊天或訊息應用的開發者
  • 尋求提升應用程式用戶互動的團隊
  • 需要快速表情符號/GIF選擇器實作的項目
  • 專注於社交或通訊功能的Flutter應用
  • 面向較年輕受眾的應用程式,這些受眾更喜歡富有表現力的內容

使用建議

  • 僅限表情符號和GIF功能
  • 媒體沒有內建的搜尋或分類功能
  • 需要額外的樣式才能完全自訂
  • 未針對離線媒體存取進行優化
  • 依賴外部來源取得GIF內容

原始 README

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

chat_pickers

A Flutter package that provides a Keyboard widget for using Emojis and gifs.

Heavily based on the awesome(!) packages:

giphy_picker
emoji_picker

Preview

General usage:

Searching for an emoji:

adding emojis as part of text messssage:

Getting Started

For using the GIFs page you have to use GIPHY API key You need to register an app at the Giphy Developers Portal in order to retrieve an API key.

To use the keyboard define the widget ChatPickers: The minimum required is:

var picker = ChatPickers(
  chatController: _chatController,
  emojiPickerConfig: EmojiPickerConfig(
    //optional configure  (as below)
  ),
  giphyPickerConfig: GiphyPickerConfig(
      apiKey: "some API Key",
      // other optional configure (as below)
      
);

Usage

If you want to have your own config, follow the below:

EmojiPickerConfig

configuration to customize the look& behaviour of the emoji page

EmojiPickerConfig(
    columns: <int>,     // default is 7
    bgBarColor: <Color>,    // top/bottom bar color
    bgColor:<Color>,
    indicatorColor: <Color>,
);
GiphyPickerConfig

configuration to customize the look & behaviour of the gif page

GiphyPickerConfig(
    apiKey: <Your Giphy API key>,
    lang : "EN",
    onError: (error) => print(error),
    onSelected: (gif) => sendGif(gif),
    showPreviewPage: true/false,
    searchText: "Search GIPHY"
   
);

所屬分類

依賴

依賴清單 7 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。