今天要介紹的是 Aurora IMUI 庫,支持 Android,iOS 和 React Native。本文主要指導 React Native Android 如何集成和使用這個庫,先來看看效果圖。
這樣就完成了安裝步驟。
IMUI 提供了 MessageList 組件和 ChatInput 組件。 MessageList 是聊天列表, ChatInput 是聊天輸入框組件。在 render 方法中引入:
註意到 MessageList 和 ChatInput 都有提供了很多屬性和屬性方法。如果不使用自定義屬性,那麽將會使用默認的樣式。屬性方法是壹些事件的回調,妳可以在回調中創建消息等等。
插入,更新,增加消息到 MessageList , 妳需要使用 AuroraIMUIModule (Native Module) 來發送事件到 Native。
example:
example:
example:
在 Android 中,如果妳想要自定義消息氣泡,妳需要將壹張點九圖放在 drawable 文件夾下。 點九圖介紹 ,sample 項目下的 drawable-xhdpi 文件夾中有示範
padding 對象包括四個屬性: left, top, right, bottom. eg: {left: 5, top: 5, right: 15, bottom: 5}
[使用案例參考]( /jpush/aurora-imui/tree/master/ReactNative/sample