ws-im-react-native

Installation

yarn add ws-im-react-native

or

npm install ws-im-react-native --save

Component

MessageListView

Prop	Description	Type	Default
navigation	导航器	object	require
listViewHeader	header	element	null

  render(){
    return (
       <MessageListView
         navigation={navigation}
         listViewHeader={header}
       />
    )
  }

MessageDetail

只适用于react-navigation，并且要求必须要设置routerName为MessageDetail

  import { StackNavigator } from "react-navigation";
 
  StackNavigator(
    {
      MessageDetail: {
        screen: MessageDetail,
      },
    }
  )

Method

• ##### initializeSDKWithOptions (params): 初始化sdk，并登陆

Params	Description	Type	Default
access_token	im登陆的access_token	string	require
getNavigation	获得导航器	func	require
getNavigation	获得导航器	func	require
getStore	获得外部store	func	require
unreadMessageNumberChange	未读消息发生改变时	func	require

    initializeSDKWithOptions({
        access_token: imData.data.access_token,
        getNavigation: ()=>{
            return store.getState().navigation
        },
        getStore: ()=>{
            return store
        },
        unreadMessageNumberChange: (e)=>{
            let number = 0
            Object.keys(e).forEach(key => {
                number+=e[key]
            })
            const {
                unreadMessageNumber 
            } = store.getState().app.user
            if(unreadMessageNumber!==number){
                dispatch(setUnreadMessageNumber(number))
            }
        },
    })

• ##### openMessageDetailViewController ({ id }): 通过im_user_id打开消息对话界面

    import {openMessageDetailViewController} form 'ws-im-react-native'
    
    render(){
      return (
        <Button
          title={'开始对话'}
          onPress={()=>{
            openMessageDetailViewController({
              id: im_user_id,
            })
          }}
        >
      )
    }

• ##### setStickTopSessionList ([ id ]): id = im_user_id 设置置顶联系人(可以用作客服)

    import {setStickTopSessionList} form 'ws-im-react-native'
    
    render(){
      return (
        <Button
          title={'设置置顶'}
          onPress={()=>{
            setStickTopSessionList([ 1 ])
          }}
        >
      )
    }

• ##### logOut : 退出登录, return Promise

    import {logOut} form 'ws-im-react-native'
    
    render(){
      return (
        <Button
          title={'退出登录'}
          onPress={()=>{
            logOut()
            .then((e)=>{
              
            })
          }}
        >
      )
    }