بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

تم إطلاق اصدار NativeScript 4 بتاريخ April 13, 2018 سوف استعرض لكم في هذا المقال بعض المميزات والتحسينات التي تم إضافتها في الأصدار الجديد بالمختصر.

 

طريقة الترقية

لترقية إطار العمل NativeScript كل ماعليك هو كتابة الأمر التالي في الطرفية ( مع صلاحيات الإداري ( Administrator ) او الجذر ( Root ) )

npm install -g nativescript

 

 

• لترقية المشروع الذي تم بناءة بإصدار اقدم من NativeScript 4

  • بعد ترقية اصدار NativeScript الى الأصدار 4 تقوم بترقية المشروع بالأمر التالي في الطرفية ( مع صلاحيات الإداري ( Administrator ) او الجذر ( Root ) )

    tns update

     

  • تقوم ايضًا بترقية المنصات بالأمر التالي لترقية منصة الاندرويد ( Android )

    tns platform remove android
    tns platform add android

    وبالأمر التالي لترقية منصة آي أو إس ( iOS )

    tns platform remove ios
    tns platform add ios

     

مالجديد؟

1. إضافة ملحق جديد يحمل الأسم  Frame  يستضيف الصفحة بداخلة وبإمكانك تحديد الصفحة بالخاصية  defaultPage 

   <TabView>
       <TabViewItem title="Teams">
           <Frame defaultPage="teams-main-page"></Frame>
       </TabViewItem>
       <TabViewItem title="Players">
           <GridLayout>
               <!-- content here -->
           </GridLayout>
       </TabViewItem>
   </TabView>

2. اضافة امر في NativeScript-cli يقوم بإنشاء ( توليد ) الأيقونات ( icons ) وشاشة ابدء ( Splash Screen )

   tns resources generate icons <path-to-image>

   tns resources generate splashes <path to image> [--background <color>]

   
   وتم ايضًا إضافته في NativeScript Sidekick
    

   

3. مع التحديث NativeScript 4 تم فصل ملحقات ( Components ) واجهة المستخدم الإحترافية ( NativeScript Pro UI ) ليصبح كل ملحق لوحدة في ( module ) منفصل
   1. AutoComplete: nativescript-ui-autocomplete
   2. Calendar: nativescript-ui-calendar
   3. Chart: nativescript-ui-chart
   4. DataForm: nativescript-ui-dataform
   5. Gauge: nativescript-ui-gauge
   6. ListView: nativescript-ui-listview
   7. SideDrawer: nativescript-ui-sidedrawer
       
4. تم إضافة ملف جديد يحمل الأسم  nsconfig.json  مختص بإعدادات NativeScript للمشروع
   بإمكانك بواسطته تغيير مسار مجلد App ومجلد App_Resources في المشروع الذي تعمل به.
    
5. تغييرات في Modal الان تم نقل الدالة  showModal()   من  ملحق الصفحة ( Page )  الى  ملحق العرض ( View ) 
   واصبح انشاء الـ ( Modal ) اكثر سهولة بعد التغيير حيث الان بإمكانك انشاء Model جديد بإستخدام الملحق  Frame  والدالة الخاصة به   navigate()  ثم ربطة في دالة  showModal()  

   import { View, EventData } from "tns-core-modules/ui/core/view";
   import { Frame } from "tns-core-modules/ui/frame";
   
   export function onModalFrame(args: EventData) {
       const view = args.object as View;
       const page = view.page;
   
       const frame = new Frame();
       frame.navigate("modal/modal-page");
   
       page.showModal(frame,
           "context",
           () => console.log("home-page modal frame closed"),
           true);
   }

    

كلمات دليلية: v4 version إصدار جديد