آموزش React Native-آموزش پروژه محور React Native
آموزش راه اندازی محیط توسعه React Native
اغلب component ها هنگام initialize می توانند با پارمترهای مختلفی سفارشی سازی شوند. این پارامترهای زمانِ ساخت، Props نامیده می شوند.آموزش Props در React Native
دو نوع دیتا وجود دارد که یک component را کنترل می کند: props و state. دیتای Props توسط component parent مقداردهی می شوند و در طول چرخه حیات component ثابت هستند. برای دیتای متغیر، از state استفاده می کنیم.آموزش State ها در React Native
در React Native، برای تعریف style از syntax یا زبان خاصی استفاده نمی کنیم. application را با استفاده از جاوااسکریپت style می دهیم. همه component های اصلی یک prop به نام style دارند. اسامی و مقادیر style معمولا شبیه CSS در وب کار می کند، با این تفاوت که اسامی به صورت camel casing انتخاب می شوند، مثلا backgroundColor (و نه background-color).آموزش Style ها در React Native
ساده ترین راه مقداردهی به ابعاد یک component مقداردهی ثابت به width و height در هنگام استفاده از style است. تمام ابعاد در React Native بدون واحد هستند، و نشان دهنده density-independent pixel هاهستند.آموزش Width و Height در React Native component
یک component می تواند چیدمان component های child خود را با استفاده از algorithm Flexbox تعیین کند. Flexbox برای ایجاد یک Layout پایدار روی صفحات با سایزهای مختلف طراحی شده است.آموزش Layout در React Native با استفاده از flexbox
component پایه ای که برای دریافت ورودی از کاربر استفاده می شود TextInput است. این component یک prop به اسم onChangeText دارد که می توان به آن تابعی داد که پس از هر تغییر متن صدا زده شود. یک prop به اسم onSubmitEditing دارد که می توان به آن تابعی داد که هنگام ثبت دیتا، صدا زده شود.آموزش مدیریت ورودی های متنی در React Native
عمده ی تعامل کاربران با application های موبایل از طریق touch است. آن ها از حرکاتی ترکیبی، مثل زدن یک button، بالا و پایین کردن یک لیست، zoom روی یک نقشه و... استفاده می کنند. React Native، component هایی برای کار با انواع حرکات متداول در اختیار می گذارد. علاوه بر آن یک سیستم جامع gesture responderبرای شناسایی حرکات پیچیده تر دارد.آموزش مدیریت ورودی های touch در React Native
ScrollView یک container scroll کلی است که می تواند چندین component و view را در خود نگه دارد. آیتم های قابل scroll لازم نیست هم نوع باشند، و می توان آن ها را هم افقی (با مقداردهی بهprop horizontal) و هم عمودی scroll کرد.آموزش استفاده از ScrollView در React Native
React Native مجموعه ای از component ها برای نمایش لیست ها در اختیار می گذارد. عمدتا از FlatList یا SectionList استفاده می شود.آموزش استفاده از List View در React Native
اغلب application های موبایل منابع خود را از شبکه load می کنند. ممکن است بخواهید یک POST request به یک REST API بزنید، یا محتوایی ثابت از یک سرور بگیرید.آموزش ارتباطات تحت شبکه در React Native Apps
تا اینجای کار را با ما همراه بودید، اکنون می توانید یک application React Native برای خودتان بنویسید. اما React Native فقط یک محصول نیست، بلکه جامعه ای از توسعه دهندگان است. اگر به React Native علاقه مند هستید.آموزش منابع دیگر در حوزه React Native