جدول المحتويات:
- الخطوة 1: مقدمة
- الخطوة الثانية: ما ستتعلمه في هذه المقالة
- الخطوة 3: إنشاء بيئة Flutter على نظام Windows
- الخطوة 4: إنشاء وتكوين جهاز Android الظاهري (AVD)
- الخطوة 5: تصفح أساسيات Flutter و Widgets
- الخطوة 6: إنشاء تطبيق "Hello World" الأساسي عديم الحالة
- الخطوة السابعة: شكرا
فيديو: إنشاء تطبيق "Hello World" أساسي من Scratch in Flutter: 7 خطوات
2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:36
مرحبًا يا شباب ، لقد أنشأت برنامج Flutter التعليمي للمبتدئين.
إذا كنت ترغب في بدء تطوير الرفرفة الآن ، فسيساعدك هذا على برنامج Flutter التعليمي للمبتدئين.
الخطوة 1: مقدمة
Flutter عبارة عن حزمة SDK للجوال من Google لتصميم واجهات أصلية عالية الجودة على iOS و Android في وقت قياسي. يعمل Flutter مع الكود الموجود ، ويستخدمه المطورون والمؤسسات في جميع أنحاء العالم ، وهو مجاني ومفتوح المصدر. في مختبر الأكواد هذا ، ستنشئ تطبيق Flutter بسيطًا. إذا كنت معتادًا على التعليمات البرمجية الموجهة للكائنات ومفاهيم البرمجة الأساسية مثل المتغيرات والحلقات والشرطية ، فيمكنك إكمال معمل الرموز هذا. لا تحتاج إلى خبرة سابقة في برمجة Dart أو برمجة الأجهزة المحمولة.
الخطوة الثانية: ما ستتعلمه في هذه المقالة
1) كيفية إعداد بيئة الرفرفة على Windows ، قم بتثبيت flutter على Windows.
2) كيفية إنشاء وتكوين جهاز Android الظاهري.
3) الفهم الأساسي للرفرفة والأدوات.
4) إنشاء تطبيق أساسي "Hello World".
الخطوة 3: إنشاء بيئة Flutter على نظام Windows
لإنشاء مشروع تأكد من تثبيت الأشياء المطلوبة للرفرفة.
إذا لم تقم بإنشاء الإعداد بعد ، فالرجاء الانتقال إلى تثبيت Flutter على Windows.
الخطوة 4: إنشاء وتكوين جهاز Android الظاهري (AVD)
بمجرد إنشاء الإعداد ، تأكد من إنشاء جهاز Android الظاهري (AVD). إذا لم تكن قد أنشأت بعد أو لم تكن لديك فكرة عن هذا ، فلا تقلق ، فلدينا حل لهذا أيضًا إنشاء وتكوين جهاز Android الظاهري.
الخطوة 5: تصفح أساسيات Flutter و Widgets
قبل البدء ، تحتاج إلى فهم المفهوم الأساسي لـ Flutter و Widgets.
في الفيديو الحاجيات أعلاه موضحة.
غطت كلا النوعين من الحاجيات
1) الحاجيات ذات الحالة
2) القطعة بدون حالة.
انتقل من خلال هذا الرابط لفهم الأساسي.
الخطوة 6: إنشاء تطبيق "Hello World" الأساسي عديم الحالة
في الفيديو أعلاه خطوة بخطوة ، احصل على تطبيق "Hello World".
يتم تغطية الخطوات التالية في الفيديو أعلاه:
1) ببساطة اكتب "Hello World" في المنزل.
2) ثم باستخدام عناصر واجهة مستخدم بدون حالة أضافت نص "Hello World" في سقالة واحدة.
3) ثم استخدام AppBar لإعطاء هذا التطبيق مظهرًا مناسبًا.
الخطوة السابعة: شكرا
إذا أعجبك هذا البرنامج التعليمي ، فيرجى الاشتراك:)
موصى به:
كيفية إنشاء موقع ويب أساسي باستخدام المفكرة: 4 خطوات
كيفية إنشاء موقع ويب أساسي باستخدام المفكرة: هل تساءل أي شخص & quot؛ كيف يمكنني إنشاء موقع ويب من برنامج الكتابة الأساسي؟ & quot؛ حسنًا ، من الواضح ، ليس تحديدًا … على أي حال ، سأوضح لك هنا كيفية إنشاء BASIC الموقع باستخدام المفكرة فقط
كيفية إنشاء تطبيق Android باستخدام Android Studio: 8 خطوات (بالصور)
كيفية إنشاء تطبيق Android باستخدام Android Studio: سيعلمك هذا البرنامج التعليمي أساسيات كيفية إنشاء تطبيق Android باستخدام بيئة تطوير Android Studio. نظرًا لأن أجهزة Android أصبحت أكثر شيوعًا ، سيزداد الطلب على التطبيقات الجديدة فقط. Android Studio سهل الاستخدام (
إنشاء تطبيق Android للشركات الصغيرة باستخدام MIT APP و Google Fusion Table: 7 خطوات
إنشاء تطبيق Android للأعمال الصغيرة باستخدام MIT APP و Google Fusion Table: هل أردت يومًا إنشاء تطبيقك الخاص الذي يمكن أن يكون متاحًا في متجر google play !!! إذا كان لديك عمل تجاري فإن هذا البرنامج التعليمي سيغير حياتك. بعد قراءة هذا بعناية ستتمكن من تقديم طلبك الخاص. قبل
إنشاء نموذج ثلاثي الأبعاد أساسي في Onshape: 8 خطوات
إنشاء نموذج أساسي ثلاثي الأبعاد في Onshape: سأوضح لك في هذا الدليل كيفية استخدام بعض الأدوات الأساسية المتوفرة في Onshape لإنشاء نموذج CAD ثلاثي الأبعاد. تعد نماذج CAD مفيدة جدًا في عملية تصميم العديد من أنواع الأشياء المختلفة. يُقصد بهذا التدريب كمقدمة. إنج
كيفية إنشاء تطبيق دفتر هاتف بسيط C #: 7 خطوات
كيفية إنشاء تطبيق بسيط لدفتر الهاتف C #: مرحبًا ، أنا Luke ، إنه أول برنامج تعليمي لي. أريد أن أوضح لك كيفية إنشاء تطبيق دفتر هاتف بسيط في Microsoft Visual Studio باستخدام C #. من الجيد أن يكون لديك بعض المعرفة الأساسية بالبرمجة قبل القيام بهذا المشروع. هيا بنا نبدأ. نحن