اذهب إلى المحتوى
  • 0

كيفية عرض اجابة متغيرة عن طريق Alert في React native

Belkacem Rezzouk

السؤال

السلام عليكم اخوتي

من فضلكم 

صنعت تطبيق Quiz
اريد عرض الجواب في حالة الاجابة الخاطئة :

الكود :

{

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    },







onPress={() => {

                  if (item.isCorrect) {

                    Alert.alert(

                      " إجابةصحيحة", " أحسنت ");

                    setCounter(counter + 1);

                    // move to next qustion :

                  } else {

                    Alert.alert(

                      " إجابةخاطئة", "الاجابة الصحيحة هي :  ",)

                  }

                  MoveToNextQustion();

                }}

 

241135962_247201493979315_2267770492617199286_n.jpg

Capture1.PNG

Capture2.PNG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0
بتاريخ 3 دقائق مضت قال Nassim Kq:

نعم ضهرت لي الرسالة لكن undifined

 

241134613_600939084406951_1154271826059903225_n (1).jpg

نعم لقد نظرت لquestionHOlder ووجدت انه array لذا لا يمكنك فعل ذلك سيتحتم عليك معرفة index الخاص بالسؤال ليمكنك جلب السؤال ثم الاكمال يعني هكذا 

[0]QustionHolder مثلا هو السؤال الاول

[1]QustionHolder هو السؤال الثاني 

أنت الآن لابد أنه لديك طريقة لمعرفة ذلك الرقم استخدمه لجلب السؤال وبعدها سيمكنك الدخول الإجابات وفلترتها وسيكون هذا التغيير الأخير في الشيفرة التي كتبتها

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

مرحبا يمكنك استخدام find لتجلب الإجابة الصحيحة بهذه الطريقة ثم عرضها للمستخدم 


Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${proposition.find(q => q.isCorrect === true).answer}`)

               

بالطبع لا تنسى ان تدخل لل proposition من الكائن الذي أنشاته 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

سأعطيك مثال
لديك سِؤالين

كل سؤال له اجابته الخاصة
في حين أخطأت  لديك اجابتين 
الاجابة الاولى 
الاجابة الثانية

كيف تقوم باظهار اجابة كل سِؤل؟

 

بتاريخ الآن قال Salah Eddin Berriani:

مرحبا يمكنك استخدام find لتجلب الإجابة الصحيحة بهذه الطريقة ثم عرضها للمستخدم 


Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${proposition.find(q => q.isCorrect === true).answer}`)

               

بالطبع لا تنسى ان تدخل لل proposition من الكائن الذي أنشاته 

لا اعلم تحديدا ما أكتبه مكان proposition 
ممكن ان تساعدني أكثر من فضلك

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 11 دقائق مضت قال Nassim Kq:

سأعطيك مثال
لديك سِؤالين

كل سؤال له اجابته الخاصة
في حين أخطأت  لديك اجابتين 
الاجابة الاولى 
الاجابة الثانية

كيف تقوم باظهار اجابة كل سِؤل؟

 

لا اعلم تحديدا ما أكتبه مكان proposition 
ممكن ان تساعدني أكثر من فضلك

أخي لديك كائن يحتوي على سؤال مثلا

const question = {

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    }

اذا يمكنك استخدام question للدخول لل proposition array و جلب الاجابة ال صحيحة بالفلترة

Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question.proposition.find(q => q.isCorrect === true).answer}`)

أما اذا كانت لديك قائمة أسئلة فتحتاج index الخاص بالسؤال

Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question[i].proposition.find(q => q.isCorrect === true).answer}`)

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال Salah Eddin Berriani:

أخي لديك كائن يحتوي على سؤال مثلا


const question = {

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    }

اذا يمكنك استخدام question للدخول لل proposition array و جلب الاجابة ال صحيحة بالفلترة


Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question.proposition.find(q => q.isCorrect === true).answer}`)

 

لم تعمل معي

 

Capture3.PNG

Capture4.PNG

241127508_145862377712922_4807104994545034774_n.jpg

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال Salah Eddin Berriani:

في الصورة فوق بعد QustionHolder ضع علامة استفهام هكذا.....

QustionHolder?.proposition?.find

 

نعم ضهرت لي الرسالة لكن undifined

 

241134613_600939084406951_1154271826059903225_n (1).jpg

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال Salah Eddin Berriani:

نعم لقد نظرت لquestionHOlder ووجدت انه array لذا لا يمكنك فعل ذلك سيتحتم عليك معرفة index الخاص بالسؤال ليمكنك جلب السؤال ثم الاكمال يعني هكذا 

[0]QustionHolder مثلا هو السؤال الاول

[1]QustionHolder هو السؤال الثاني 

أنت الآن لابد أنه لديك طريقة لمعرفة ذلك الرقم استخدمه لجلب السؤال وبعدها سيمكنك الدخول الإجابات وفلترتها وسيكون هذا التغيير الأخير في الشيفرة التي كتبتها

نعم شكرااا اخي جزاك الله خيرا

yes.PNG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...