UIKit

Overview
- Product Introduction
- Features Overview
- Pricing
  - Billing Overview
  - Chat Monthly Package
  - Billing of Chat Out-of-Package Usage
Getting Started
- Run Demo
- Integration
  - React
  - Vue
Features
- Calls integration to chat
- Reactions
- Read Receipt
- Typing Status
- User Online Status
- Message Search
- Quote Reply
- Translate Message
UI Components
- Conversation List
  - ConversationList
  - ConversationListContext
  - ConversationPreview
  - ConversationSearch
  - ConversationActions
Themes
- React
- Vue
  - Web
  - Mobile
Customization
- Customize Messages
- Customize Emoji and Stickers
Localization
- React
- Vue

Generating UserSig
Console Guide
- New Console Introduction
- Creating and Upgrading an Application
- Basic Configuration
- Feature Configuration
- Account Management
- Group Management
- Webhook Configuration
- Usage Statistics
- Real-Time Monitor
- Auxiliary Development Tools
Product Features
- Message Management
  - One-to-One Message
  - Message Storage
  - Offline Push
  - Group Message
  - Message Formats
- Account System
  - Login Authentication
  - Online Status Management
- Group Related
  - Group System
  - Group Management
- User Profile and Relationship Chain
  - Profile Management
  - Relationship Chain Management
Push Service
- Overview
- Activate the Service
- Quick Start
- Manufacturer Channel
  - Manufacturer Configuration
    - Android
    - iOS
    - Flutter
    - React-Native
  - Quick Integration
    - Android
    - iOS
    - Flutter
    - React-Native
- Statistics
- Troubleshooting Tool
- Client APIs
  - Android
  - iOS
  - Flutter
  - React Native
- REST API
  - Pushing to All/Tagged Users
  - UserID-Targeted Push
  - Obtaining Application Attribute Names
  - Setting Application Attribute Names
  - Obtaining User Attributes
  - Setting User Attributes
  - Deleting User Attributes
  - Obtaining User Tags
  - Adding User Tags
  - Deleting User Tags
  - Deleting All User Tags
  - Recalling Push
- Push Callback
  - All Users / Tags / UserID Push Callback
  - Other Push Callbacks
- Advanced Features
  - Custom Definition Badge
  - Custom Definition Ringtone
  - Customized Icon
  - Custom Definition Click Redirect
  - Push Message Categorization
- Release Notes
  - Android
  - iOS
  - Flutter
  - React Native
- FAQS
Error Codes

Customized Icon

Android
iOS
uni-app
Supported Vendors
Huawei and Google FCM support Customized Icon; other manufacturers do not support Customized Icon, and by default, use the App Icon.
Configuration Method
Effective when configured in the main project's Manifest File:
Huawei
Google FCM
<meta-data
    android:name="com.huawei.messaging.default_notification_icon"
    android:resource="@drawable/Icon Resource Name" />
<!-- [START fcm_default_icon] -->
<!-- Set custom default icon. This is used when no icon is set for incoming notification messages.
     See README(https://goo.gl/l4GJaQ) for more. -->
<meta-data
    android:name="com.google.firebase.messaging.default_notification_icon"
    android:resource="@drawable/Icon Resource Name" />
﻿
<!-- Set color used with incoming notification messages. This is used when no color is set for the incoming
     notification message. See README(https://goo.gl/6BKBk7) for more. -->
<meta-data
    android:name="com.google.firebase.messaging.default_notification_color"
    android:resource="@android:color/white" />
<!-- [END fcm_default_icon] -->
Note:
FCM Icon Requirements:
 Small icon must be a PNG image with Alpha transparency channel.
Background must be transparent.
Avoid leaving excessive padding around the icon.
It is recommended to use 46 x 46px uniformly. Smaller images will be fuzzy, while larger ones will be automatically scaled down by the system.
Custom definitions are not supported; the App Icon is used by default.
Note:
Only Huawei supports settings, other manufacturers do not, and the App Icon is used by default.
Put the Small Icons in the nativeResources/android/res/drawable folder and rename the resource file to huawei_private_icon.png. As shown in the figure:
﻿
﻿