Nativescript Template

https://leevikopakkala.github.io/niversicscript-template/

NativeScript-Angular مع SideRrawer و Tabview

هذا هو القالب النهائي مع هيكل محسّن لمساعدتك في تشغيل التطبيق الأول أو مشروع العميل في أي وقت من الأوقات.

ملخص

نعلم جميعًا العملية البطيئة لإعداد المشروع وإنشاء قاعدة عمل قبل أن تتمكن من إضافة ميزات. باستخدام هذا القالب ، يمكنك الحصول على تطبيق يعمل بالكامل خارج المربع مع SideRrawer و TabView.

مثالي للمبتدئين والمهنيين على حد سواء.

باستخدام أفضل الممارسات ، قم بتطوير أول تطبيق حقيقي للهاتف المحمول في أي وقت من الأوقات.

قالب NativeScript المكون من NativeScript SideRawer و Tabview مكونات:

الإشارات إلى الإضافات الفردية المستخدمة في هذا القالب:

• https://market.nistscript.org/plugins/tns-template-drawer-navigation-ng
• https://market.nistscript.org/plugins/tns-template-lank-ng
• https://market.nistscript.org/plugins/tns-template-tab-navigation-ng

تثبيت:

سريع:

1. تثبيت node.js https://nodejs.org/

2. تثبيت NativeScript cli npm install -g nativescript

3. تحقق من أن Clistscript CLI tns

4. تثبيت Android Studio (أو IOS المكافئ) https://developer.android.com/studio/

• 4.1 فتح Android Studio -> AVD Manager -> إنشاء محاكي

5. (اختياري ولكن مفيد) قم بتثبيت https://www.nistscript.org/niversicscript-sidekick

يجري:

1. git clone https://github.com/LeeviKopakkala/Nativescript-Template

2. cd Nativescript-Template

3. tns device android --available-devices أو أجهزة tns device ios --available-devices

4. tns run android / tns run android --device {device name} أو tns run ios / `TNS Run iOS -Device {اسم الجهاز}

إذا كنت تستخدم Sidekick

4. مفتوح الصاحب

• 4.1 إضافة المشروع

• 4.2 حدد المحاكي

• 4.3 تشغيل

بنيان

يتم إعداد مكون RadssidedRawer كنقطة انطلاق للتطبيق في:

• /app-component.ts - قم بإعداد محتوى الدرج الجانبي ويحدد منفذ توجيه الصفحة للصفحات.

RadssidedRawer لديه بنية المكون التالية:

• RadSideDrawer - المكون لعرض درج على الصفحة.
• توجيه tkDrawerContent - يمثل المكون الذي سيحمل محتوى الدرج.
• توجيه tkMainContent - يمثل المكون الذي سيحتفظ بالمحتوى الرئيسي للتطبيق.

يوجد خمسة مكونات فارغة في هذه المجلدات:

• /browse
• /featured
• /home
• /search
• /settings

التصميم

تم إعداد هذا القالب لاستخدام Sass للتصميم. تعتمد جميع الفئات المستخدمة على السمة الأساسية {n} - استشر الوثائق لفهم كيفية تخصيصه. تحقق من ذلك لمعرفة الفصول التي يمكنك استخدامها على أي مكون.

يحتوي على 4 ملفات نمط عالمية موجودة في جذر مجلد التطبيق:

• _app-variables.scss - يحمل متغيرات Sass العالمية التي يتم استيرادها على أنماط كل مكون.
• _app-common.scss - ورقة الأنماط الشائعة العالمية. يتم تطبيق قواعد النمط هذه على كل من Android و iOS.
• app.android.scss - ورقة نمط Android العالمية. يتم تطبيق قواعد النمط هذه على Android فقط.
• app.ios.scss - ورقة نمط iOS العالمية. يتم تطبيق قواعد الأسلوب هذه على iOS فقط.