كيفية إنشاء تطبيق قائمة المهام باستخدام React Native و Expo و Back4App

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

onLogin = غير متزامن() =>{
  دع  
     اسم المستخدم =(this.state.username).trim(),
     كلمة المرور =(this.state.password).trim()، كلمة المرور =(this.state.password).trim();

  إذا (اسم المستخدم === "" || كلمة المرور === "" ) { {
    هذا.setState(()) => ({ nameError: ``ملءالحقول بشكل صحيح.`` )));
   } آخر { {
    محاولة {
       انتظر Parse.User.logIn(username.toString()، password.toString()));
      // هذا.submitAndClear();
      هذا.props.navigation.navigate.navigate('HomeStack');       
     } التقاط (خطأ) { 
      هذا.setState(()) => ({ nameError: error.message }));
      إرجاع (خطأ)
     }
   }
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

onSignUp = غير متزامن() => {

  دع  
     اسم المستخدم = this.state.username,
     البريد الإلكتروني = هذا.state.email,
     كلمة المرور = this.state.password;

  إذا (إذا كان (username.trim() === "" ||اسم المستخدم === غير محدد ||البريد الإلكتروني.trim() === "" | | البريد الإلكتروني === غير محدد || كلمة المرور.trim() === "" || كلمة المرور === غير محدد ) { {
    هذا.setState(()) => ({ nameError: ``ملءالحقول بشكل صحيح.`}));  
   } آخر { {
    محاولة {
       Parse.User.logOut();
      دع المستخدم = مستخدم جديد Parse.User();
       user.set("اسم المستخدم"، اسم المستخدم);
       user.set("البريد الإلكتروني"، البريد الإلكتروني);
       user.set("كلمة المرور"، كلمة المرور);
      تشكل النتيجة = انتظر user.signUp();
      
       AsyncStorage.setItem('SessionToken', result.getSessionToken()));
       AsyncStorage.setItem('username', result.getUsername())؛

      هذا.submitAndClear();

      هذا.navigateToPage('HomeStack');           
     } التقاط (خطأ) {
       وحدة التحكم.log(خطأ)
        هذا.setState(()) => ({ nameError: error.message }));
     }
   }
 }

1
2
3
4
5
6
7
8
9

إعادة تعيين كلمة المرور = () => { {
   Parse.User.User.requestPasswordReset(this.state.email)
   .then(()) => { {
    هذا._التنبيه('نجاح'، 'تم إرسال بريد إلكتروني إلى عنوانك.'، 'تسجيل الدخول'، 'تسجيل الدخول','LogInStack');
    هذا.submitAndClear();
   })).cat((خطأ) => {
    هذا._التنبيه('خطأ'، error.message, 'تسجيل الدخول'، 'تسجيل  الدخول', 'LogInStack');
   });
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

إنشاء عنصر = () => {
  دع العنصر = this.state.item;

  إذا كان (العنصر === "" || | | عنصر === غير محدد)؛ {
    هذا.setState(()) => ({ nameError: ``ملءالحقول بشكل صحيح.``} ));
   } آخر {
    const Todo = Parse.Object.extend("Todo");
    يشكل تودو = تودو جديد ();

     تعيين("مهمة", this.state.item);
     todo.set("userId", );
    
     todo.save().then(كائن => { {
      هذا.readAllAtems();
      هذا.setState({العنصر:'}))
     })).catch(خطأ=> {تنبيه (خطأ)})
   }
 }

1
2
3
4
5
6
7
8

readAllItems = مزامن() => { {
  const idUser = انتظر Parse.User.currentAsync();
  const query = جديد Parse.Query("Todo");
   الاستعلام.موجود("مهمة");
   الاستعلام.equTo('userId'، idUser);
  const resultQuery = انتظر query.find();
  هذا.setState({النتائج:resultQuery});
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

تحديثالعنصر = () => {
 const query = استعلام جديد Parse.Query("Todo");
   query.get(this.state.idObject).then(object => { {
     object.set("مهمة", this.state.updateValueDialog);
     كائن.save().then(objUpdate => {
      this.setStateState({updateValueDialog:'، dialogVisible: false}))
      هذا.readAllItems();
     });
   });
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

حذفإذن = غير متزامن()() => {
  const query = استعلام جديد Parse.Query("Todo");
  const object = await query.get(this.state.idObject);
  محاولة{
     object.destroy();
    هذا.getAllData();
   } التقاط (ه)؛ {
     تنبيه (ه)
   }
 }