Shulou(Shulou.com)06/02 Report--

This article shows you the UIChatBox module sample analysis, concise and easy to understand, absolutely can make you shine, through the detailed introduction of this article I hope you can gain something.

UIChatBox module is a chat input box module, developers can customize the function of the input box. An input box can be opened at the bottom of the current window through the open interface. The life of this input box belongs to the current window. When the input box gains focus, it will automatically pop to the soft keyboard. Developers can change the height of the chat dialog interface by monitoring the height of the input box from the bottom of the pop-up, thus achieving a function similar to QQ chat pages. UIChatBox module is an optimized version of chatBox module.
Document address: docs.apicloud.com/Client-API/UI-Layout/UIChatBox

Module renderings:

Note: emoticons and panel buttons need to be set up, otherwise emotionBtn: {



//(optional) JSON object; emoji style; no emoji if not passed normalImg: 'widget://'

//(optional) string type; emoji button normal background image (local path, fs://, widget://);

Default: smiley face icon, }, extrasBtn: {

//(optional) JSON object; additional function button style, do not pass or do not show additional function button normalImg: 'widget://'

//(optional) string type; add-on button normal background image (local path, fs://, widget://)

} Send button parameter invalid on IOS sendBtn



//(Optional) JSON object; Send button style, this parameter is invalid for Send button in keyboard on iOS platform

Note: When using emoji, you need to configure the parameter emotionPath when calling open. The path (local path, fs://, widget://) of the custom emoji folder (the folder where the emoji image is located must also contain a.json configuration file with the same name as the folder).


The name value in the json file must correspond to the emoji image name in the emoji folder.

The dot indicator of the emoji page needs to be set to open the indicator


//(optional) JSON object; small dot indicator style for emoticons and extras panel, if not passed, the indicator is not displayed

The above content is an example analysis of the UIChatBox module. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserves, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.