جديد اصدار إطار العمل NativeScript 4

هذا المقال يستعرض جديد الأصلاحات والتحسينات على إطار العمل NativeScript الإصدار 4

xlmnxpمنذ سنة

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

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

تم إطلاق اصدار 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);
    }

     

2
إعجاب
890
مشاهدات
0
مشاركة
1
متابع
متميز
محتوى رهيب

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !