دکمه نمایش بیشتر در react native

دکمه نمایش بیشتر در ریکت نیتیو

امروز براتون از یک کامپوننت میخوام بگم که شاید خیلی بکارتون بیاد.

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

ما براتون یه کامپوننت اماده کردیم که باهاش میتونید به راحتی این کارو انجام بدید.

البته شما میتونید با سر زدن به این لینک مطالب بیشتری بخونید.

خوبی این کامپومننت( دکمه نمایش بیشتر ) تو اینه که شما میتونید هر چیزهایی که لازم دارید رو داخلش قرار بدید.

یعنی فقط متن نیست که توش قرار میگیره بلکه شما میتونید عکس یا هر چیز دیگه ای رو داخلش قرار بدید. مثل المنت ویو که هر چیزی داخلش میتونید بزارید.

این کامپننت عالی ( دکمه نمایش بیشتر ) رو میتونید با دستور زیر استفاده کنید.

[code style=”text-align: left;”] npm i –save react-native-show-more-button [/code]

 

با تشکر فراوان از اقای امیر احمدی

 

react native چیست

react native چیست

اغلب برنامه نویس ها  دوست دارند که با یادگیری یک زبان برنامه نویسی برنامه هایی بنویسیم که بر روی پلتفرم های مختلف قابل اجرا باشه. گرچه برنامه های زیادی تو این زمینه تولید شده ولی هیچکدوم چنگی به دل نزد.تا اینکه فیسبوک در سال ۲۰۱۳ اولین نسخه stable از یک کتابخونه جاوا اسکریپت رو بصورت open-source در GitHub منتشر کرد.

اسم این کتابخونه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار میگرفت. این کتابخونه سرعت بسیار بالا و سادگی خاصی داشت که باعث شد خیلی سریع مورد توجه قرار بگیره. اواخر مارچ ۲۰۱۵ بود که فیسبوک یک فریم ورک جدید به اسم React Native منتشر کرد که بهت اجازه میداد فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن موبایل برای ios بسازی. فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت.
توسعه دهنده ها دیگه مجبور به نوشتن کدهای جداگونه برای سیستم عامل های مختلف نبودن  و استارتاپ ها و صاحبان کسب کار به توسعه دهنده هایی دسترسی پیدا کردند که برای هر دو سیستم عامل َAndroid و IOS   اپلیکیشن طراحی میکردند.

با React Native یک “mobile web app” ، ” HTML5 app” یا “Hybridapp” نمیسازی بلکه یک اپلیکیشن واقعی موبایل میسازی که از یک برنامه ساخته شده با Objective-c یا Java قابل تشخیص نیست یعنی برنامه شما بصورت Native خواهد بود و تفاوتی ندارد.

از ویژگی های مهم کار با React Native اینه که برای طراحی UI جای مانور بیشتری داری و با سرعت بالایی میتونی اپلیکیشن هایی با ظاهر زیبا و جذاب طراحی کنی مثل اپلیکیشن Instagram که با همین فریمورک نوشته شده. تازه با استفاده از Node میتونی سمت سرور برنامه نویسی کنی. حالا فکرشو بکن تو داری فقط با استفاده از جاوا اسکریپت اپلیکیشن Native طراحی میکنی که روی Android و IOS اجرا میشه.

Open-source بودن React Native و اینکه توسط فیسبوک پشتیبانی میشه ، باعث میشه ادم وسوسه شه که بره سمتش که اگه برید سمتش شما هم مثل من بهش علاقمند میشید.

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

در معرفی ریکت نیتیو باید به ویژگی های React Native نیز اشاره کرد:

  • کامپوننتی بودن و امکان استفاده از کامپوننت ها در پروژه های دیگر و همچنین استفاده از کامپوننت های دیگر افراد که هم باعث سادگی میشه و هم سریعتر شدن کار.
  • ساخت بسیار راحتتر رابط کاربری های زیبا برای اپلیکیشن (به دلیل وجود استایل css مانند و jsx) که میبینید که skype هم تجدیدنظر کرد و به ریکت نیتیو پیوست به تازگی.
  • هیچ محدودیتی برای شما نداره . شما میتونید هرموقع خواستید توی ریکت نیتیو کدهای java , swift بنویسید تا کامپوننت های نیتیو خودتونو به وجود بیارید. پس از این بابت هم نگرانی ای نمیزاره (البته که هر کامپوننتی نیاز داشته باشید ایجاد شده ولی این مورد محض اطمینان هست).
  • یه فرانت اند کار خوب میتونه با گذاشتن تایم کمی ریکت نیتیو رو به خوبی فرا بگیره و همچنین برنامه نویس های اندروید و Ios هم که تا الان نیتیو کار میکردند با یادگرفتن پایه های وب سمت ریکت نیتیو بیان.
  • بدون اینکه از زبان های نیتیو هم سردر بیارید میتونید کار بکنید باهاش و فقط باید قواعد اپلیکیشن و تفاوتش با وب رو فرا بگیرید.
  • نیازی نیست برای توسعه اپ اندرویدتون از اندروید استودیو و برای ios از xcode استفاده کنید و آزادانه میتونید از هر ادیتوری استفاده بکنید و لذت ببرید.