使用AsyncStorage在屏幕之间传递数据

时间:2019-02-23 11:08:26

标签: firebase react-native firebase-realtime-database asyncstorage

我正在开发Messenger应用程序,并且尝试通过电子邮件搜索朋友。因此,当用户在“提示”文本字段中输入另一个用户的电子邮件时,键入的电子邮件会与服务器上的电子邮件进行比较,如果找到匹配项,则它将与服务器上以及应用程序中的新朋友创建新的聊天室。

我有一个屏幕称为Messages.js,第二个屏幕名为firebaseChatModule.js,它负责所有后端进程。我需要做的:如果找到匹配项,则将键入的电子邮件传递给Backend。我尝试使用AsyncStorage做到这一点,但问题是:每次我收到null而不是电子邮件时。

我如何解决它,还有其他简单的方法可以做到这一点吗?

屏幕截图:Messages.js:Messages.js

firebaseChatModule.js:firebaseChatModule.js

更新:

Okey,现在可以正常工作了,请向Nirmalsinh寻求答案,但是现在我在服务器上遇到以下问题:

enter image description here

User1是我输入的电子邮件,但是有一些奇怪的字符,例如double“”和/

我该如何解决?

1 个答案:

答案 0 :(得分:2)

您需要使用setItem,如下所示:

         try {
                AsyncStorage.setItem('email', YOUR_VALUE)
            } catch (error) {
            }

要检索:

         AsyncStorage.getItem('email').then((email) => {
                            console.log(email)
                         // YOU CAN KEEP YOUR WHOLE CODE FOR getChatId
                        }).done();
         } catch (error) {
         }

您更新的代码:

///firebaseChatModule.js

getChatId = () => {

try{
  AsyncStorage.getItem('email').then((email) => {
                            console.log(email)
                                const IDloc = firebase.database().ref('/rooms');
    const newChat = IDloc.push({
      title: 'New chat over again'
    });
    const ChatID = newChat.key;
    const membersList = firebase.database().ref('/members').child(ChatID);
    const user1 = email
    console.log('user1: ', user1);
    const user = firebase.auth().currentUser;
    membersList.set({
      user1: user1,
      user2: user.email
    });
                        }).done();
         } catch (error) {
         }
  }

//Messages.js

findUserEmail = (email) => {
  firebase.database()
  .ref(`/users`)
  .orderByChild("email")
  .equalTo(email)
  .once("value")
  .then(snapshot => {
    var user = firebase.auth().currentUser;
     if (email === user.email) {
       Alert.alert("Email is the same as yours!")
     } else {
       if (snapshot.val()) {
         const value = snapshot.val()
         this.setState({ email1: email })
         const email2 = this.state.email1
         AsyncStorage.setItem('email', JSON.stringify(this.state.email1));
         console.log('email1: ', this.state.email1);
         console.log('email2: ', email2);
         FirebaseChatModule.getChatId()
         this.setState({ users: Object.keys(value).map((id) => ({
           id,
           ...value[id]
         })), promptVisible: false})
       } else {
         Alert.alert("Email doesn't exist")
       }
     }
  })
}