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

パッケージ詳細v0.2.3

chat_pickers

絵文字/GIFを使用するためのキーボードを表示する新しいFlutterパッケージ。

30日間ダウンロード
80
いいね数
36
Pub ポイント
40

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

flutter pub add chat_pickers

パッケージ概要

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

ChatPickersは、絵文字やGIFを挿入するための直感的なキーボードを提供することで、チャットインターフェースを強化することを目的としたFlutterパッケージです。シンプルさと統合性を重視して開発されており、既存のテキスト入力フィールドにスムーズに統合されるクリーンでカスタマイズ可能なインターフェースを提供します。リアルタイムでのプレビューとメディア選択に対応しており、メッセージングアプリにおけるユーザー参加度を向上させます。広範なカスタム開発を行わずにコミュニケーション機能を豊かにしたい開発者にとって最適です。軽量な設計と簡単なセットアップにより、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 件

ソースリポジトリ

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

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