6 کتابخانه رابط کاربری React Native که باید در سال 2019 استفاده کنید


با افزایش محبوبیت React و همچنین توسعه اپلیکیشن های cross-platform تعجب بر انگیز نیست که اپلیکیشن های React Native روز به روز بر تعدادشان افزوده شود.React Native همانند React شما را تشویق می کند تا رابط کاربری برنامه های خود را به صورت کامپوننت های جداگانه ایجاد کنید.کتابخانه های کامپوننت و ابزارهای UI به شما کمک می کند تا در زمان صرفه جویی کنید و برنامه های خود را سریعتر با استفاده از مجموعه ها و کامپوننت های از پیش ساخته شده، بسازید.
در ادامه لیستی از کتابخانه های رابط کاربری React Native معرفی می شود که شما بر حسب تجربه می توانید تعداد آیتم های این لیست را افزایش دهید.
1. NativeBase
10k ستاره و 1k forks نشان دهنده این است که جزء کتابخانه های رابط کاربری محبوب React Native است که کامپوننت های UI بسیار زیادی در اختیار شما قرار می دهد.هنگام استفاده از native base شما می توانید از هر کتابخانه جانبی دیگری با یک اکوسیستم قوی در اطراف آن استفاده کنید.همچنین در nativebase به راحتی میتوانید کامپوننت ها را شخصی سازی کنید.برای کار با کامپوننت های این کتابخانه می توانید دوره آموزشی کار با native-base را مشاهده کنید.
React Native Elements.2
حدود 12k ستاره کتابخانه react-native-elements را در زمره محبوب ترین ابزارهای UI برای React Native که کاملا با جاوا اسکریپت پیاده سازی شده است، قرار می دهد.نویسندگان کتابخانه اظهار داشته اند که “ایده طراحی UI با React Native Elements بیشتر ساختار کامپوننت است تا طراحی واقعی،به این معنی که یک boilerplate با تنظیم element های خاص اما کنترل کامل بر طراحی آنها ” که باعث جذب توسعه دهندگان جدید و طرفداران قدیمی می شود. با استفاد از این لینک شما می توانید یک مثال کامل از اپلیکیشن که تمامی کامپوننت ها در عمل استفاده شده است را ببینید.
3. Shoutem
Shoutem با 3.5k ستاره یک ابزاری طراحی رابط کاربری React Native است که شامل 3 پارت است:UI components, Themes و کامپوننت های Animation است.این کتابخانه مجموعه ای از کامپوننت های cross-platform برای iOS و Android فراهم می کند که تمامی این کامپوننت ها قابل سفارشی سازی هستند.هر کامپوننت دارای یک استایل از پیش تعریف شده است که با بقیه کامپوننت ها سازگار و امکان ساخت کامپوننت های پیچیده با ترکیب آن ها بدون ایجاد تغییر در استایل ها را فراهم می کند.
4. UI Kitten
با 3k ستاره این کتابخانه مجموعه ای از کامپوننت های واکنش پذیر و با قابلیت استفاده مجدد بر اساس مفهوم تعاریف استایل های حرکتی در یک مکان خاص را فراهم می کند که کامپوننت های را reusable و یکنواخت می سازد.
5. React Native Material UI
کتابخانه ای با 2k ستاره که مجموعه از کامپوننت ها با قابلیت سفارشی سازی که بر اساس Google’s material design پیاده سازی شده اند.توجه کنید که کتابخانه از یک شی JS به نام uiTheme استفاده می کند که از طریق context برای قابلیت سفارشی سازی حداکثری منتقل می شود.به صورت پیشفرض شی uiTheme بر روی lightTheme تنظیم شده است که در اینجا می توانید آن را پیدا کنید.
6. React Native Vector Icons
کتابخانه ای نزدیک به 10k ستاره که مجموعه از icons قابل سفارشی سازی برای React Native که از NavBar/TabBar/ToolbarAndroid, image و استایل دهی کامل پشتیبانی می کند.این کتابخانه،بی نظیر،بسیار مفید و توسط هزاران اپلیکیشن و حتی کتابخانه های دیگر (مثل native base)استفاده می شود.این کتابخانه مجموعه ای از آیکون های از قبل ساخته شده را ارائه می دهد که در اینجا می توانید نمونه کامل از تمامی آیکون های موجود در کتابخانه را ببینید.برای استفاده از این کتابخانه می توانید مقاله استفاده از Vector Icons در React Native را بخوانید.
در این مقاله فقط 6 تا از کتابخانه های UI برای React Native معرفی شد و کتابخانه های دیگری مثل Nachos UI، React Native UI Library ، Teaset، React Native Paper و React Native Material Kit وجود دارد که می تونید از این ها برای طراحی رابط کاربری اپلیکیشن های React Native استفاده کنید.
مطالب زیر را حتما مطالعه کنید
چگونه از ماژول های نیتیو Android و IOS در React Native استفاده کنیم؟
تفاوت توسعه برنامه های android و ios
استفاده از Flipper در پروژه های ری اکت نیتیو (React Native)
نمایش PDF در react native
استفاده از Mapbox در react native (ری اکت نیتیو)
نمایش عکس های گوشی در react native (ری اکت نیتیو)
2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام خیلی عالی.نیتیو بیس استفاده میکنم و ازش راضی ام.مورد دوم هم به نظر قوی میاد.نظره شما چیه آقا مهدی؟
سلام امیر عزیز.
React Native Elements هم کتابخونه دوس داشتنی هست و باهاش اپلیکیشن های جالبی زدن.قدرتمنده واقعا