لوحة المتصدرين

React Native هو عبارة عن اطار عمل لبرمجة تطبيقات أصيلة عن طريق الجافاسكربت وذلك باعادة استعمال المكونات الطبيعية للمنصة. هذا الاطار يمكن من انشاء تجربة المستخدم دات مستوى عالي عن طريق ادوات برمجية تعتمد على javascript و مكتبة React و هو مدعوم من طرف فيسبوك. الهدف من استخدام React Native هو تسهيل عمل المطورين عبر جميع منصات الهواتف بشعار —  تعلم مرة واحدة واكتب في كل مكان. فتعلمك لهذه التقنية سيمكنك من برمجة تطبيقات لكل من أندرويد و iOS، يُمكنه التعامل مع firebase، التعامل مع الواجهات البرمجية ( APIs ) و خدمات الويب. قبل تعلم React Native تعلم أسس البرمجة بلغة جافاسكربت ثم تعلم مكتبة React لأنها ستُساعدك كثيراً في تعلم React Native.

نعم يمكنك بناء تطبيق بشيفرة برمجية واحدة وتعمل على أنظمة التشغيل المختلفة ( IOS - Android ) حيث يعتبر ال React Native من النوع cross platform وتستطيع بناء تطبيقات كبيرة بدون مشاكل ولن تواجه أي عقبات في تطوير المواع الكبيرة حيث يعتبر ال React Native من المنصات القوية في بناء تطبيقات الموبايل ويمكنك أن ترى تطبيق ال facebook حيث تم بناءه من خلال ال React Native وتم تطوير ال React Native بواسطة facebook أي أن ليست بشركة ناشئة في المجال وبالنسبة ربط التطبيق مع قواعد البيانات من خلال ال api التي يوفرها ال backend تحتاج لتعلمها أن تكون هناك خبرة في ال javascript وال html بشكل أساسي ولكن تحتاج أيضاً لل css لتنسيق التطبيق و توجد العديد من الدورات لل React Native يمكنك البحث عن الدورة التي تعجبك

GET /favicon.ico 401 المصتفح قام بإرسال طلب للحصول على أيقونة الموقع ولكن لا يوجد والمشكلة ليست هنا بل هي في السطر الذي قبله

كل الشكر لك اخي الكريم نجح الامر

قم بتحديث نسخة android studio لديك يبدو أنها هي التي تسبب الخطأ. ومن ثم أخباري بالنتيجة.

الأمر بسيط جداً , يمكنك تغيير القيمة التالية itemCount: GetData.length, إلى أي رقم تريده وليكن مثلاً 6 بهذا الشكل itemCount: 6, بحيث سيظهر فقط 6 منتجات فقط.

بامكانك عمل نسخة احتياطية لملفاتك الموجودة على قرص الC في مخزن خارجي (hard disk) بذلك تبقى البرامج المثبتة محفوظة لديك بشكل مستقل عن جهازك الذي ستقومين بتحديث نسخة الويندوز الخاصة به

إذا تستطيع إرسال الكود لأنه يبدوا أن هناك مشكلة في الكود الخاص بك ليس مضبوط للتوافق مع Heroku

تمام, يجب وضع الحل حتى تعم الفائدة, وبخصوص الخاصية alignLabelWithHint: true, سوف تنجح ايضا يمكنك تجربة إحاطة TextFormField بخاصية Directionality بحيث تحدد مكان النص.

لا، كنت أقصد الكلكة المشار إلبها في الصورة ( والتي هي عبارة عن labelText ) وقد نجحت العملية بعمل التالي: alignLabelWithHint: true, ومتشكر جدا ملاحظة / عندما أقوم بإرسال الحلول هنا بعد نجاحها، حتى يتمكن من يبحث عن سؤال أن يجد الجواب فيه.

هل تقصد بأنه تريد تغيير مكان النص في textFormField ؟

Widget _buildMessage() { return TextFormField( controller: _messageController, minLines: 12, maxLines: 12, decoration: InputDecoration( labelText: getTranslated(context, 'message'), fillColor: Colors.white, border: new OutlineInputBorder( borderRadius: new BorderRadius.circular(25.0), borderSide: new BorderSide(), ), ), validator: (String value) { if (value.isEmpty) { return 'Name is Required'; } return null; }, onSaved: (String value) { _messageController.text = value; }, ); }

لا يمكنك طباعة كل المتغيرات مرة واحدة , عوضا عن ذلك يجب تمرير اسم المتغير لتتم القراءة بشكل صحيح أثناء البناء , و ببساطة هذا ﻷن متصفح الواجهة الأمامية نفسه ليس له أي وصول لملف البيئة فالعملية تخص الخادم وحده و لذلك أثناء البناء يتم إستبدال أي متغير معرف على هذا النحو : process.env.MY_VAR بقيمته الفعلية و يتم البناء بشكل عادي . في حين أن المتغير : process.env يتم تجاهله بطبيعة الحال و يتم إعادة كائن فارغ عن طريقه . فعوضا عن طباعة كل المتغيرات يمكنك فقط طباعة المتغير الذي تحتاج و إستعماله بشكل عادي .

تأكد من وضع الملف في المسار ال root أي يعتبر بجوار المجلد src وقم أيضاً بطباعة المتغير بشكل مباشر للتأكد من الوصول للمتغيرات كالتالي console.log(process.env.GATSBY_APP_NAME) حيث أن webpack تقوم بتضمين هذه المتغيرات فقط في المشروع ولذلك لا يمكنك الوصول لprocess.env من المتصفح

لما لا تقوم فقط بتحميله تزامنيا ثم تضمينه بالصفحة ؟ componentDidMount() { // script إنشاء عنصر بوسم const script = document.createElement("script"); // تعريف المسار أو الرابط script.src = "/path/to/my_scripts.js"; // تفعيل التزامن و الوصول اليه script.async = true; script.onload = () => this.scriptLoaded(); // تضمينه في البودي document.body.appendChild(script); }

يمكنك استخدام الإضافة 'react-helmet' لإضافة بعض الخصائص لل body ومنها يمكنك إضافة وتغيير ال className وستكون الكود كالتالي import Helmet from 'react-helmet' <Helmet> <body className="class-name" /> </Helmet>

توجد العديد من الطرق لعمل ذلك فمثلاً يمكنك استخدام ال fonts من خلال ملفات ال css كالتالي @import url('https://fonts.googleapis.com/css?family=Roboto'); html { font-family: 'Roboto', sans-serif; } أو يمكنك استخدام الإضافة gatsby-plugin-google-fonts حيث تقوم بإضافة الخطوط المستخدمة يمكنك تثبيت الإضافة كالتالي yarn add gatsby-plugin-google-fonts // أو npm install gatsby-plugin-google-fonts --save ثم إضافة الخطوط في ملف ال gatsby-config.js كالتالي module.exports = { siteMetadata: { title: `I like Google fonts` }, plugins: [ { resolve: `gatsby-plugin-google-fonts`, options: { fonts: [ `limelight`, `source sans pro\:300,400,400i,700` //style وال weight يمكنك أيضاً تحديد ال ], display: 'swap' } } ] } قم بالإطلاع على المزيد من المعلومات من خلال موقع Gatsby

أحسنت عملا، إن تقديم الحل النهائي لن يفيدك، بل أفضل إعطاء رؤوس الخيط و أنت تكمل الباقي، لأن كل مساعدة خارجية ستفقد مقابلها عدة خطوات في التعلم التي ستحل المشكلة. بالتوفيق

كنصيحة اخوية انصحك بان لا تحصر تعلمك لشيئ ما في مدة معينة فقد سبق لي وان سقطت في نفس هادا التفكير الدي تفكر به فهو ليس منطقي بتاتا انصحك ان تخصص 4 الى 5 ساعات يوميا واسطر لك على يوميا من التعلم والتطبيق والبحث عن بعض الاشياء التي لم تفهمها جيدا خارج محتوى الاكاديمية الله ولي التوفيق.