• UIKit
  • SDK
  • サーバー API
Chat/
UIKit/
Flutter/
製品の特徴/
UIKit
  • Overview
  • Run Demo
  • インストール
    • インテグレーション
    • Only Chat
  • 製品の特徴
    • ローカル検索
    • オフラインプッシュ
    • オンライン状態
    • 入力状態
    • メッセージの既読レシート
    • メッセージ応答
    • 国際化
    • カスタムメッセージの追加
    • 絵文字とステッカー
  • カスタマイズ
    • UI トピックの変更
    • UI スタイルの設定
  • Changelog
  • Guideline for Beginners
  • コンソールガイド
    • アプリケーションの作成とアップグレード
    • 基本設定
    • 機能設定
    • アカウント管理
    • グループ管理
    • コールバック設定
  • 製品紹介
    • メッセージ管理
      • シングルチャットメッセージ
      • メッセージの保存
      • オフラインプッシュ
      • グループメッセージ
      • メッセージフォーマット
    • アカウントシステム
      • ログイン認証
      • オンライン状態管理
    • グループ関連
      • グループシステム
      • グループ管理
    • ユーザープロファイルとリレーションシップチェーン
      • 資料管理
      • リレーションシップチェーン管理
  • 購入ガイド
    • 課金の概要
    • 価格
  • エラーコード
このページは現在英語版のみで提供されており、日本語版も近日中に提供される予定です。ご利用いただきありがとうございます。

絵文字とステッカー

This document describe how to implement sticker module in Tencent Cloud Chat Flutter UIKIt.
Two types of stickers, are available in Message widget, shows in the following list:
Sticker Type
MessageType
Integrate within Text
Sending Scheme
Rending Scheme
Usage
Default
Small image
Text Message
Yes
Image name
The image is automatically matched against the local image assets by name.
Enabled as default , with one set of default packages, while adding new packages and cutmization are also support.
One set of default packages are provided, shown as the screenshots below.
Large image
Sticker Message
No
baseURL plus the image file name, which form the path of the emoji image asset
The asset resources are parsed based on the path.
Images are stored as assets, and are defined in List
-
Name
Small Image
(Designed by us)
Tencent Large Image
Type
Small image
Large image
Description
Enabled as default
located at first
Not provided as default, this packages comes from customize configuration from our Sample App.
Screenshots
Figure 1
Figure 1

Figure 2
Figure 2


Usage

First, install the tencent_cloud_chat_sticker plugin:
flutter pub add tencent_cloud_chat_sticker
To enable the plugin, add the following code to the plugins list in initUIKit:
TencentCloudChatPluginItem(
name: "sticker",
initData: TencentCloudChatStickerInitData(
userID: TencentCloudChatLoginData.userID,
).toJson(),
pluginInstance: TencentCloudChatStickerPlugin(
context: context,
),
)
In the TencentCloudChatStickerInitData object, you can select which default sticker sets to enable and add additional sticker sets to suit your needs.