modify demo

Author: KenChoi

android/src/io/jchat/android/JMessageModule.java

@@ -260,6 +260,8 @@ public void updateMyInfo(ReadableMap map, final Callback success, final Callback
         }
         if (map.hasKey(Constant.BIRTHDAY)) {
             myInfo.setBirthday((long) map.getDouble(Constant.BIRTHDAY));
+        } else {
+            myInfo.setBirthday(0);
         }
         if (map.hasKey(Constant.SIGNATURE)) {
             myInfo.setSignature(map.getString(Constant.SIGNATURE));

example/app/routes/Home/ConversationList/ConversationListStore.js

@@ -7,18 +7,18 @@ class ConversationListStore {
 
     convertToConvList = (list) => {
         list.map((conversation, index) => {
-            this.convList.push(this.getListItem(conversation))
+            this.convList.push(this.getListItem(conversation, index))
         })
-        return this.convList
+        return this.convList.slice()
     }
 
-    getListItem(conversation) {
+    getListItem(conversation, index) {
         var newItem = {}
+        newItem.key = index
         newItem.conversation = conversation
         newItem.type = conversation.conversationType
         if (conversation.conversationType === "single") {
             newItem.appKey = conversation.target.appKey
-            newItem.key = conversation.target.username
             newItem.username = conversation.target.username
             newItem.avatarThumbPath = conversation.target.avatarThumbPath
             newItem.displayName = conversation.target.nickname
@@ -37,7 +37,6 @@ class ConversationListStore {
             }
         } else if (conversation.conversationType === "group") {
             newItem.appKey = conversation.target.ownerAppKey
-            newItem.key = conversation.target.id
             newItem.groupId = conversation.target.id
             newItem.displayName = conversation.target.name
             newItem.avatarThumbPath = conversation.target.avatarThumbPath
@@ -52,7 +51,6 @@ class ConversationListStore {
             }
         } else {
             newItem.appKey = conversation.target.appKey
-            newItem.key = conversation.target.roomId
             newItem.roomId = conversation.target.roomId
             newItem.avatarThumbPath = "../../../resource/chat-icon.png"
             newItem.displayName = conversation.target.roomName
@@ -82,6 +80,16 @@ class ConversationListStore {
 
         return newItem
     }
+
+    @action deleteConversation = (key) => {
+        var item = this.convList[key]
+        JMessage.deleteConversation(item, (code) => {
+            this.convList.splice(key, 1)
+            console.log("Delete succeed")
+        }, (error) => {
+            console.log("Delete failed, error: "  + JSON.stringify(error))
+        })
+    }
 }
 
 export default new ConversationListStore

example/app/routes/Home/ConversationList/index.js

@@ -3,8 +3,8 @@
 import React from 'react';
 import ReactNative, { ScrollView } from 'react-native';
 import JMessage from 'jmessage-react-plugin';
-import {observer} from 'mobx-react/native';
-import {observable} from 'mobx';
+import { observer } from 'mobx-react/native';
+import { observable } from 'mobx';
 
 import FormButton from '../../../views/FormButton';
 import ConversationListStore from './ConversationListStore';
@@ -136,17 +136,17 @@ export default class ConversationList extends React.Component {
         })
     }
 
-    enterConversation(conv) {
+    enterConversation(item) {
         this.reloadConversationList()
-        JMessage.enterConversation(conv, (status) => { }, (error) => { })
+        JMessage.enterConversation(item, (status) => { }, (error) => { })
         this.props.navigation.navigate('Chat', {
-            conversation: {type: conv.conversationType, username: conv.target.username, groupId: conv.groupId}
+            conversation: { type: item.type, username: item.username, groupId: item.groupId, appKey: item.appKey }
         })
     }
 
     createConversation(params) {
         JMessage.createConversation(params, (conv) => {
-            this.enterConversation(conv)
+            this.enterConversation(this.ConversationListStore.getListItem(conv))
         }, (error) => {
             Alert.alert('create conversation error !', JSON.stringify(error))
         })
@@ -155,32 +155,42 @@ export default class ConversationList extends React.Component {
     enterChatRoom(item) {
         JMessage.enterChatRoom(item, (conversation) => {
             this.props.navigation.navigate('Chat', {
-                conversation: {type: conversation.conversationType, roomId: conversation.target.roomId}
+                conversation: { type: conversation.conversationType, roomId: conversation.target.roomId }
             })
         }, (error) => {
             console.alert("error, code: " + error.code + ", description: " + error.description)
         })
     }
 
+    onItemLongPress = (key) => {
+        console.log("long press conversation, item key: " + key)
+        this.ConversationListStore.deleteConversation(key)
+    }
+
+    keyExtractor = (item, index) => index;
+
+
     render() {
         this.listView = <FlatList
             data={this.ConversationListStore.convList}
             extraData={this.state}
+            keyExtractor={this.keyExtractor}
             renderItem={
                 ({
                     item
                 }) => (
-                        <View>
+                    <View>
                             <TouchableHighlight
                                 style={[styles.conversationContent]}
                                 underlayColor='#dddddd'
                                 onPress={() => {
                                     if (item.type === "chatroom") {
                                         this.enterChatRoom(item)
                                     } else {
-                                        this.enterConversation(item.conversation)
+                                        this.enterConversation(item)
                                     }
-                                }}>
+                                }}
+                                onLongPress={this.onItemLongPress(item.key)}>
                                 <View style={[styles.conversationItem]}>
                                     <Image
                                         source={{uri: item.avatarThumbPath}}
@@ -194,11 +204,9 @@ export default class ConversationList extends React.Component {
                             </TouchableHighlight>
                         </View>
                     )
-            } >
-
+            }>
         </FlatList>
         return (
-
             <View>
                 <Modal
                     transparent={true}