當前位置:編程學習大全網 - 網站源碼 - React Native 輕松集成聊天組件

React Native 輕松集成聊天組件

今天要介紹的是 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

  • 上一篇:關於java文件流的小問題:下面是代碼
  • 下一篇:主板,中小板 創業板的股票代碼有什麽不壹樣
  • copyright 2024編程學習大全網