دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۹
  • فروردین

جلسه ۱۹ : View در فریم ورک React Native

  • دسته‌بندی‌ها :
جلسه ۱۹ : View در فریم ورک React Native
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      سلام و وقت بخیر خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش فریم ورک React Native همراه مون هستند. در دو جلسه قبل چگونگی اجرای برنامه ی  React Native در IOS و اندروید رو بررسی نمودیم. حال نوبت به View رایج ترین عنصر در React Native میرسه بنابراین موارد استفاده از View در React Native رو بیان خواهیم نمود.

      View رایج ترین عنصر در React Native

      View رایج ترین عنصر در React Native است. شما می توانید آن را به عنوان معادل المان div استفاده شده در توسعه وب در نظر بگیرید.

      موارد استفاده از View در React Native

      اکنون چند مورد از موارد استفاده معمول را ببینید.
      هنگامی که شما نیاز به قرار دادن عناصر خود در داخل container دارید ،شما می توانید از View به عنوان یک عنصر container استفاده کنید.
      وقتی می خواهید عناصر بیش تری را درون عنصر parent قرار دهید، هر دو یعنی parent و child می توانند View باشند. این می تواند تعداد کودکانی که شما می خواهید داشته باشد.
      وقتی می خواهید عناصر مختلف را استایل دهی کنید، می توانید آنها را در داخل View قرار دهید، زیرا از ویژگی های استایل ، flexbox و غیره پشتیبانی می کند.
      View همچنین از رویدادهای لمسی ترکیبی پشتیبانی می کند که می تواند برای اهداف مختلف مفید باشد.
      ما از View در فصل های گذشته استفاده کرده ایم و از آن تقریبا در تمام فصل های بعدی نیز استفاده خواهیم کرد. View را می توان به عنوان عنصر پیش فرض در React Native تصور کرد. به عنوان مثال زیر ما، دو View و یک text را قرار داده ایم. به این مثال توجه فرمایید.

      App.js

      مثال : 

      خروجی

       

      View رایج ترین عنصر در React Native

      View رایج ترین عنصر در React Native

      کلام پایانی

      خب دوستان ، View را به عنوان رایج ترین عنصر در React Native و موارد استفاده از آن را بررسی نمودیم.

      در ادامه WebView در React Native رو بیان خواهیم نمود.

      موارد استفاده از View

      QR:  جلسه ۱۹ : View در فریم ورک React Native
      به اشتراک بگذارید