جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
perm_identity
سبد خرید 0
  • درباره ما
  • تماس با ما
0
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
ورود و ثبت نام

آموزش React Navigation 5

خانهدوره هادوره های آموزشیآموزش React Navigation 5
react navigation 5
قیمت :

رایگان!

امتیاز
3.00 از 4 رأی
رایگان!
ویژگی های دوره
تعداد خرید / دانلود : 1,570
نوع دوره: غیرحضوری
زبان: فارسی
2 ساعت
11 درس
روش دریافت: دانلودی
روش پشتیبانی: کامنت های دوره و تالارگفتمان
درصد پیشرفت دوره: %100
3.79k بازدید 21 دیدگاه
حالت مطالعه

آموزش react navigation 5  دوره ای است که در قالب آن ما به صورت کامل  نحوه جابجایی بین صفحات،ایجاد Drawer ، ایجاد bottom tab navigation و تمامی موارد مرتبط با ناوبری اپلیکیشن های react native رو به شکل کامل به شما آموزش می دهیم.

react navigation چیست؟

react navigation یکی از پرکاربردترین کتابخانه های متداول  است که توسط بسیاری از توسعه دهنده های react native مورد استفاده قرار می گیرد.این کتابخانه به شما این امکان را خواهد داد تا به سرعت ناوبری اپلیکیشن خود را ایجاد کنید و به راحتی بتوانید آن را مدیریت نمایید. نسحه جدید این کتابخانه نسبت به نسخه های قبلی خود تغییرات زیادی داشته است بخشی از این تغییرات را می تواند در نحوه نصب، تعریف Routes ،dynamic option و یا Hooks مشاهده کرد.

اما قبل از شروع دوره برای آشنایی هر چه بیشتر با این کتابخانه پیشنهاد می شود  مقالات زیر را مطالعه نمایید.

  • آموزش React Navigation 5
  • ایجاد Drawer Navigator در React Native

پیش نیاز دوره آموزش react navigation

برای مشاهده این دوره شما نیاز دارید تا آشنایی مقدماتی با react native داشته باشید.برای یادگیری مفاهیم پایه و اساسی react native میتونید آموزش رایگان react native موجود در سایت رو مشاهده کنید

سوالات متداول

react navigation چیست

React navigation در اپلیکیشن های react native برای جابجایی و مدیریت screen های مختلف مورد استفاده قرار می گیرد.ما به راحتی می توانیم چندین صفحه را به اپلیکیشن با استفاده از react navigation اضافه کنیم

react navigation برای هر دونسخه Android و IOS قابل استفاده است؟

بلی.شما با نصب react navigation میتوانید در هر دو پلتفرم Android و IOS از این کتابخانه برای جابجایی بین صفحات در react native استفاده کنید

آیا react navigation عملکرد قابل قبول و سرعت بالایی دارد؟

تا قبل از انتشار نسخه 5 react navigation کمی مشکل سرعت و performance وجود داشت ولی در حال حاضر عملکرد react navigation فوق العاده است

آموزش React Navigation 5

0. معرفی دوره ویدئو

12:44 دقیقه

پیش نمایش

1. ارسال پارامتر به screen

7:05 دقیقه

2. جابه جایی بین صفحات - Navigate

11:24 دقیقه

3. جابه جایی بین صفحات - push و goBack

7:19 دقیقه

4. جابه جایی بین صفحات - popToTop و replace

10:20 دقیقه

5. آشنایی با optionها و استایل دهی

15:34 دقیقه

6. آشنایی با nesting navigator

8:35 دقیقه

7. ایجاد Drawer

10:33 دقیقه

8. ایجاد Drawer سفارشی

16:57 دقیقه

9. ایجاد Tab Navigator

14:54 دقیقه

10. پیاده سازی Dark Mode

16:32 دقیقه

برچسب: react navigation آموزش react native آموزش react navigtion آموزش فارسی react navigation 5

moreدوره های مرتبط

آموزش پروژه محور Nodejs

آموزش جامع و پروژه محور Nodejs

آموزش node js (نود جی اس) دوره ای است که در آن به صورت گام گام مفاهیم مقدماتی تا پیشرفته…
504
229,000 تومان
اموزش react native

آموزش کار با lottie-react-native

در این دوره قصد دارم نحوه کار با یکی از بهترین و پرکاربردترین کتابخانه های React Native (ری اکت نیتیو)…
60
19000–رایگان!
آموزش redux

آموزش Redux

اگر برنامه نویسی با React Native رو شروع کردید حتما اسم Redux  رو شنیدید و به احتمال زیاد این سوال…
140
50,000 تومان 25,000 تومان

chat_bubble_outlineنظرات

  • milad asgari
    جولای 9, 2021
    پاسخ

    سلام و وقت بحیر
    چرا فایل های دانلود مربوط به آموزش مطلب دیگری است ؟؟ الان فایلی که دانلود شده -counter-part-1 و -counter- part-2 هست!!!

    • مهدی(مدیریت)
      جولای 12, 2021
      پاسخ

      سلام وقت بخیر
      هر دو تا پارت دانلود و تست شد و محتوا مشکلی نداشت
      محتوا پارت یک شامل قسمت های زیر است:
      intro
      sendparamstoscreen
      navigatie
      push and go back
      pop to top and replace
      style

      محتوا پارت دو شامل قسمت های زیر است:

      nesting navigator
      drawer section 1
      customize drawer
      tab navigator
      dark theme

  • پوریا
    می 19, 2021
    پاسخ

    سلام لطفا ریسپانسیو سایتتون رو درست کنید نظرات از باکسی که واسشون تعریف شده بیرون زدگی دارند و این اصلا خوشایند نیست
    ممنون

    • علیرضا(مدیریت)
      می 20, 2021
      پاسخ

      پوریا عزیز سلام
      ریسپانسیو سایت کاملا درست بوده و مشکلی نداره یک مورد کوچک در مورد یک کامنت فقط وجود داشت که رفع شد
      ممنون بابت اطلاع رسانیت
      موفق باشی

  • مهدی(مدیریت)
    فوریه 4, 2021
    پاسخ

    سلام لینک ها تست شد مشکلی نداره
    به احتمال زیاد vpn وصل دارید.لطفا قطع کنید و مجدد تست کنید

  • amir
    ژانویه 25, 2021
    پاسخ

    https://www.udrop.com/cache/plugins/filepreviewer/147837
    /fe46fdd0f92af4e788301b699ab6c8548b340
    6ea1489a0f428d02bd29ab3c57f/1100x800_cropped.jpg
    slm rahnamii mikhastm chtor mishe hamchin bottom tabi doros krd ch chizaii lazeme yad grft ?

    • علی(مدیریت)
      ژانویه 26, 2021
      پاسخ

      سلام لینک زیر میتونه بهتون کمک کنه این مورد رو پیاده سازی کنید

    • علی(مدیریت)
      ژانویه 26, 2021
      پاسخ

      سلام لینک زیر میتومه بهتون برای پیاده سازی این مورد کمک کنه
      لینک

  • amirhosseinjalali818
    ژانویه 11, 2021
    پاسخ

    با سلام
    ی سوالی دارم این است که چطوری میشه بین چند تا استک متفاوت نویگیت انجام داد مثلا ی استک اکانت داریم که اسکرین های پروفایل و غیره در آن وجود دارد و یک استک دیگه که مربوط به فروشگاه میشه و محصولات در آن وجود دارد و مثلا بعد از ثبت نام کاربر میخواهیم کاربر را به اسکرینی که مثلا لیست محصولات که در یک استک دیگه هستند بفرستیم و این جا به جایی بین دو تا استک متفاوت است ممنون میشم راهنمایی کنید 🙂

    • مهدی(مدیریت)
      ژانویه 11, 2021
      پاسخ

      سلام
      شما باید صفحات مرتبط رو در یک stack قرار بدید به طور مثال صفحات مرتبط به فروشگاه در یک stack و صفحات مرتبط با پروفایل در یک stack جدا گونه
      حلا این stack ها به عنوان screen به stack اصلی معرفی کنید
      حالا میتونید به راحتی بین صفحات جابجا بشید

      • amirhosseinjalali818
        ژانویه 11, 2021
        پاسخ

        نه اخه داخل نویگشن کانتینر من از باتم تب درست شده و چهار تا تب دارم که از استک های متفاوت درست شده من میخواستم بدونم نویگیت بین این استک ها به چه شکلی هست

      • مهدی(مدیریت)
        ژانویه 12, 2021
        پاسخ

        خب برای هر tab یک stack navigator تعریف کنید و هر stacknavigator رو به عنوان یک tab به bottom tab معرفی کنید

  • mr.akbari67
    ژانویه 10, 2021
    پاسخ

    سلام خسته نباشید
    یه سوال داشتم
    من از class component استفاده میکنم اما توی app.js اومدم route ها رو با function component ساختم به این دلیل که از اول کلا class component استفاده کردم و routing رو هم از router flux استفاده کرده بودم که بخاطر یه سری نیاز هام routing رو به react navigation تغییر دادم الان توی کامپوننتی که با class ساخته شده چجوری میتونم از naviagtion استفاده کنم و بگم که مثلا این دکمه onpress شد بره به فلان اسکرین ؟

    • علی(مدیریت)
      ژانویه 10, 2021
      پاسخ

      سلام وقت بخیر
      مشابه روش های معمول در class component ها میتونید بشکل زیر به navigation و سایر prop ها دسترسی داشته باشین.
      const {navigation} = this.props

      • mr.akbari67
        ژانویه 10, 2021
        پاسخ

        ممنون جواب دادین اما
        من یه splash دارم که توی componentDidMount برسی میشه اگه لاگین نبود دکمه ورود میاد و با press شدنش میره به صفحه auth وهمینطور اگه لاگین بوده باشه خودکار میره به home و توی auth هم بعد گرفتن token باز خودکار میره home که bottomTab هست و فک کنم توی componentDidMount نمیتونم از
        const {navigation} = this.props استفاده کنم درسته ؟ توی این حالت چجوری باید navigate کنم ؟
        من تازه کارم دید مناسبی ندارم اگه سوالم مسخره بود شرمنده

      • mr.akbari67
        ژانویه 11, 2021
        پاسخ

        من حتی تو ساخت screen ها هم مشکل دارم راهنمایی کنید ممنون میشم
        من چندتا screen دارم که bottomTab ندارن مثل splash – auth – detail – profile و ۴ تا screen هم دارم که bottomTab هستن
        شما توی ویدیو botoomTab رو به عنوان یه drawer.screen ساختین من چجوری باید بگم که بره تو splash لاگین برسی شه نبود بره توی auth بعدش خودکار بره به bottomTab و profile و detail رو هرجا button onPress براش تعریف شده باشه بره تو اون اسکرین ها؟

      • علی(مدیریت)
        ژانویه 11, 2021
        پاسخ

        در روند ایجاد screenهای مختلف شما باید چه در قالب class componentها چه functional componentها باید قواعد nested navigator رو رعایت کنید تا بتونید به درستی screen های مختلف رو ایجاد کنید حال این screen ها شامل tab navigator و drawer و یا سایر موارد میشن. پیشنهادی که دارم چون از هر دو حالت (functional , class component) استفاده می کنید که البته بهتره کل برنامه رو با یکی از این دو پیش ببرین حتما از document v3 react navigation استفاده کنید.

      • مهدی(مدیریت)
        ژانویه 11, 2021
        پاسخ

        سلام
        برای اینکار بهتره از Authentication flow استفاده کنید
        https://reactnavigation.org/docs/auth-flow/

  • علی(مدیریت)
    نوامبر 14, 2020
    پاسخ

    سلام وقت بخیر
    دسترسی دانلود مجددا برای شما بروزرسانی شد.

  • sr.morteza
    اکتبر 12, 2020
    پاسخ

    سلام
    فایلها بعد از دانلود در اکسترکت مشکل دارن و ارور می دهند فقط فایل سورس سالم هست
    همچنین سایت اجازه دانلود دوباره هم نمیده !!!!
    و خطای
    This file has already been downloaded. Go to homepage
    را می دهد.

    • علی(مدیریت)
      اکتبر 12, 2020
      پاسخ

      وقت بخیر
      فایل های دوره بررسی شد و بدون هیچ مشکلی دانلود و اکسترکت میشه.
      با چه ایمیلی در دوره شرکت کردین!؟

قوانین ثبت دیدگاه

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قیمت :

رایگان!

امتیاز
3.00 از 4 رأی
رایگان!
تعداد خرید / دانلود : 1,570
نوع دوره: غیرحضوری
زبان: فارسی
2 ساعت
11 درس
روش دریافت: دانلودی
روش پشتیبانی: کامنت های دوره و تالارگفتمان
درصد پیشرفت دوره: %100
3.79k بازدید 21 دیدگاه
علی
علی
توسعه دهنده سمت سرور

عاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)

دسته: دوره های آموزشی
منتظرتون هستیم
  • phone_android
    09150274110
  • email
    reactapp.ir@gmail.com
  • بلاگ
  • ویدیو کست
  • قوانین

تمام تلاش ما در برند reactapp در کنار آموزش با کیفیت و استفاده از دانش روز، اضافه کردن چاشنی تجربه چندین ساله فعالیت در پروژه های داخلی و خارجی بوده. زمانی که شما به یادگیری اختصاص دادید برای ما اهمیت بسیار بالایی داره و به همین دلیل سعی میکنیم متحوای تولید شده، غنی، پر بار و در راستای نیاز های بازار کار باشه.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
keyboard_arrow_up