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



  • ۲۹
  • فروردین

جلسه ۲۴ : نوار وضعیت در React Native

  • دسته‌بندی‌ها :
جلسه ۲۴ : نوار وضعیت در React Native
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      سلام و وقت بخیر خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش فریم ورک React Native همراه مون هستند. در قسمت قبل به مبحث Picker در React Native یا نحوه استفاده از Picker در فریم ورک React Native رسیدیم و حالا نوبت آن رسیده تا در مورد status bar یا نوار وضعیت در React Native صحبت نماییم. پس بدون اتلاف وقت مبحث status bar یا نوار وضعیت در React Native رو آغاز می نماییم. همراه ما باشید.

      status bar یا نوار وضعیت در React Native

      در این فصل ما به شما نحوه کنترل ظاهر نوار وضعیت در React Native را نشان خواهیم داد.
      استفاده از نوار وضعیت آسان است و همه شما برای تغییرات در آن نیاز است که properties را تنظیم کنید.
      خصوصیات hidden را می توان برای مخفی کردن نوار وضعیت استفاده کرد. در مثال ما آن را به false تنظیم کرده ایم .این مقدار پیش فرض است.
      barstyle می تواند سه مقدار – dark-content, light-content و default، را داشته باشد.
      این کامپوننت دارای چند ویژگی دیگر است که می تواند مورد استفاده قرار گیرد. برخی از آن ها مخصوص آندروید یا IOS هستند. شما می توانید آن را در اسناد رسمی یا official documentation بررسی کنید.

      App.js

      مثال : 

      اگر برنامه را اجرا کنیم، نوار وضعیت نمایش داده خواهد شد و محتوا رنگ تیره خواهد داشت.

      خروجی

       

      status bar یا نوار وضعیت در React Native

      status bar یا نوار وضعیت در React Native

      کلام پایانی

      خب دوستان عزیز، در این بخش در مورد status bar یا نوار وضعیت در فریم ورک React Native صحبت نمودیم. امیدوارم از مباحث نهایت استفاده رو برده باشین. در قسمت بعد به Switch یا سوییچ در فریم ورک راکت نیتیو خواهیم پرداخت. موفق باشید.

      QR:  جلسه ۲۴ : نوار وضعیت در React Native
      به اشتراک بگذارید