حرکت بین صفحه نمایش ها با react native

حرکت بین صفحه نمایش ها

اپلیکیشن های موبایلی به ندرت از یه صفحه نمایش تکی ساخته میشن. مدیریت صفحات و حرکت بین صفحات مختلف معمولا با چیزی به نام navigator انجام میشه.

این راهنما اجزای هدایتی متنوع توی react native رو پوشش میده. اگه شما تازه شروع کردین به کار با navigation احتمالا بخواین از React Navigation استفاده کنین. React Navigation یه راه ساده برای استفاده از جهت یابی یا navigation رو به توانایی نمایش جهت های مشترک پشته ها و جهت الگوهای مشترک توی ios و اندروید رو فراهم کرده.

اگه دوس دارین یه چشم انداز از native بدست بیارین و اونو هم با اندروید و هم ios درک کنین، یا دارین react native رو برای یه اپلیکیشن که navigation اون در حال مدیریته رو یکپارچه سازی میکنین، کتابخونه زیر روی هر دو پلتفرم اندروید و ios جهت یابی محلی رو انجام میده.

https://github.com/wix/react-native-navigation

جهت یابی react

راه ارتباطی برای جهت یابی، کتابخانه ای هستش که به توسعه دهنده ها اجازه میده که صفحه نمایش های یک اپلیکیشن رو با چند خط کد تنظیم کنه.

اولین گام نصب تون توی پروژه تونه:

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

هر جزء صفحه میتونه تنظیمات navigation مثل عنوان سرصفحه رو داشته باشه و میتونه از سازنده های کار روی prop یا پایه navigation برای لینک به صفحات دیگه استفاده کنه.

مسیرباب React Navigation کار رو برای جهت یابی های منطقی آسون تر میکنه. چون مسیریاب ها میتونن تودرتو باشن و توسعه دهنده ها میتونن جهت یابی های منطقی رو برای یک ناحیه از اپلیکیشن بدون ایجاد تغییرات گسترده نادیده بگیرن.

نماها توی react native از اجزای محلی استفاده میکنن و کتابخانه Animated برای ارائه انیمیشن های ۶۰fbs است که روی موضوعات محلی اجرا میشن. به علاوه انیمیشن ها و الگوها میتونن به راحتی سفارشی سازی بشن.

برای توضیح کامل درباره react navigation توصیه های لینک زیر رو ببینین.

https://reactnavigation.org/docs/getting-started.html

یا به اسناد دیگه به لینک زیر مراجعه کنین.

https://expo.io/@react-navigation/NavigationPlayground

لینک مقاله:

https://facebook.github.io/react-native/docs/navigation