آموزش nativebase دوره ای است که در آن نحوه استفاده و کار با این کتابخانه به صورت گام به گام آموزش داده می شود.
nativebase چیست؟
NativeBase یک کتابخانه رایگان و open-source از کامپوننت های UI برای فریمورک React Native است(از نسخه 2.4.1 در وب قابل استفاده است).شما میتونید با استفاده از این کتابخونه رابط کاربری جذاب و خیلی شیک برای هر دو نسخه Android و Ios ایجاد کنید.یکی از مهم ترین ویژگی های native base اینکه شما میتونید کامپوننت ها رو customize کنید و استایل های مربوط به هر کامپوننت رو تغییر بدید.همچنین native base در expo قابل استفاده است.
توجه کنید : با توجه به اینکه در زمان ضبط این دوره کتابخانه react navigation اخرین نسخه 2 بوده است و در نسخه 3 منتشر شده از این کتابخانه تفاوت هایی با نسخه های قبلی ایجاد شده است. دوره react navigation5 را مشاهده کنید تا هنگام کار با nativebase به مشکل نخورید.
نکته: از این کتابخانه در آموزش پروژه محور react native(طراحی اپلیکیشن مشابه اینستاگرام) استفاده شده است که می توانید با مراجعه به صفحه این دوره نمونه اپلیکیشن طراحی شده را مشاهده کنید.
نمونه اپلیکیشن توسعه داده شده این دوره با NativeBase
آموزش کامل Native Base
نصب Native Base ویدئو
6 دقیقه
کامپوننت های رایج در Native Base ویدئو
11دقیقه
ایجاد Drawer در NativeBase ویدئو
9 دقیقه
تکمیل کردن Drawer ویدئو
9 دقیقه
نصب react navigation ویدئو
11 دقیقه
کار با کامپوننت badge ویدئو
15 دقیقه
کار با کامپوننت button ویدئو
19 دقیقه
کار با کامپوننت button-پارت دو ویدئو
13دقیقه
کاربا کامپوننت card ویدئو
13دقیقه
کاربا کامپوننت card - پارت دو ویدئو
9دقیقه
کاربا کامپوننت card - پارت سه ویدئو
14دقیقه
کار با کامپوننت check box ویدئو
10دقیقه
کار با کامپوننت Deck Swiper ویدئو
21 دقیقه
کار با کامپوننت FAB ویدئو
12 دقیقه
کار با فرم ها ویدئو
13 دقیقه
کار با فرم ها - پارت دوم ویدئو
6 دقیقه
کار با فرم ها - پارت سوم ویدئو
10 دقیقه
کار با کامپوننت Footer ویدئو
10 دقیقه
کار با کامپوننت Header ویدئو
11 دقیقه
لایه بندی در Native Base ویدئو
11 دقیقه
کار با لیست ها ویدئو
7 دقیقه
کار با لیست ها - پارت دوم ویدئو
6 دقیقه
کار با لیست ها - پارت سوم ویدئو
5 دقیقه
کار با لیست ها - پارت چهارم ویدئو
7 دقیقه
کار با کامپوننت radio button ویدئو
6 دقیقه
ایجاد SearchBar ویدئو
5 دقیقه
کار با کامپوننت Spinner ویدئو
6 دقیقه
کار با کامپوننت Picker ویدئو
8 دقیقه
ایجاد Swipable List ویدئو
17 دقیقه
کار با کامپوننت Thumbnail ویدئو
9 دقیقه
کار با کامپوننت Tab ویدئو
10 دقیقه
کار با کامپوننت ActionSheet ویدئو
9 دقیقه
کار با کامپوننت Toast ویدئو
7 دقیقه
کار با کامپوننت Toast - پارت دو ویدئو
6 دقیقه
دوره های مرتبط
آموزش GraphQl
آموزش کار با lottie-react-native
ساخت ToDo App با React Native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
رایگان!
قاسم
سلام و خسته نباشید متشکرم بابت دوره ی خوبتون.من در RN تازه کارم و یه سوال برام پیش اومده ممنون میشم راهنمایی کنید.من میخام یه کارت درست کنم که تصویرش سمت چپ کارت باشه و در کنار عکس(سمت راست عکس)چند خط نوشته داشته باشم و ارتفاع کارت هم اندازه ی ارتفاع عکس باشه.چجوری باید این کارت رو با native base درست کنم؟متشکرم
مهدی(مدیریت)
سلام سلامت باشید
کامپوننت Card خودش اینکار رو فکر کنم انجام میده
قاسم
مشتکرم از پاسختون.فکر کنم راه حل رو پیدا کردم.نیازی به استفاده از card نیست.با استفاده از list و listItem میشه اینکار رو انجام داد.درون کامپوننت list و درون listItem , عکس رو درون کامپوننت left و متن ها رو در کامپوننت Body قرار میدیم و به عکس طول و ارتفاع میدیم
مهدی(مدیریت)
خیلی عالی
hadi.naderi65@gmail.com
سلام من پروژه از قبل دارم برای ios آیا ممکن هست آیکون آنرو تغییر بدم بعداز پابلیکیش قابل تغییر هست باتشکر
مهدی(مدیریت)
سلام.
شما کافیه که آیکون رو تغییر بدید و مجددا خروجی بگیرید و بر روی استور ها منتشر کنید
mahmood.moosavian
سلام. واقعا ازتون ممنونم بخاطر این آموزشای خوب. هنوز این آموزش رو ندیدم ولی مطمئنا این آموزش با توجه به آموزشای قبلی بسیار ارزشمنده. دست مریزاد داری.یا علی
مهدی(مدیریت)
سلام محمود عزیز.
ممنون بابت انرژی مثبت
hamid.bs
سلام
من در دوره NativeBase ثبت نام کردم ولی امکان دانلود دوره وجود ندارد و به نظر میرسد مشکلی در لینک دانلود آن باشد.
لطفا بررسی بفرمایید.
علیرضا(مدیریت)
سلام و احترام
دوره تست شد و هیچ مشکلی در دانلود دوره وجود نداشت
لطفا به جساب کاربریتون وارد بشید در قسمت دانلود ها به لیتک دانلود دوره دسترسی دارید
در ضمن زمانی که دوره رو ثبت نام میکنید در آخرین مرحله لینک دانلود دوره بازهم بهتون نمایش داده میشه و فقط کافیه یک کلیک انجام بدید تا دوره رو در یک فایل زیپ و به صورت یکجا دانلود کنید
اگر مجددا مشکلی داشتید اطلاع بدید تا راهنماییتون کنیم
شاد باشید
amirmohamaddev
خیلی ممنون از راهنماییتون
خواستم بدونم چجوری میتونم از صفحه ی اصلی برنامه توی منوی کشویی استفاده نکنم و توی صفحه ی اصلی بتونم بین بقیه ی صفحاتم جابجا بشم ولی هیچ کدوم از صفحاتم توی منوی کشویی نباشه.
و توی منوی کشویی هم از صفحاتی استفاده کنم که توی صفحه ی اصلی نباشه!
یعنی جابجایی صفحه های داخل منوی کشویی از صفحه های داخل برنامه جدا باشه.
ممنون میشم اگه راهنماییم کنید.
مهدی(مدیریت)
خواهش میکنم.
منظورتون رو متوجه نمیشم.میتونید بیشتر توضیح بدید
amirmohamaddev
فرض کنید توی صفحه ی اصلی یدونه فهرست داریم که با زدن روی هر عنوان وارد یه صفحه ی دیگه میشیم. حالا میخوایم به این صفحه ی اصلی یه منوی کشویی اضافه کنیم که مثلا توش سه گزینه ی about us و setting و rate us باشه که هر کدوم وارد یه صفحه ی مجزا بشه. واسه ی این کار باید چجوری صفحه ی روت رو بنویسیم…؟!
توی آموزشی که دادین (react navigation 3) توی منوی کشویی همه ی محتویات صفحه ی اصلی رو قرار دادین.
مهدی(مدیریت)
خب شما درون صفحه اصلی همه محتویات رو قرار ندید و محتویات رو در صفحه مورد نظرتون قرار بدید.و مثل آموزش صفحه root رو بنویسید
amirmohamaddev
یعنی راهی نداره که بتونم فهرست رو توی صفحه ی اول بزارم و صفحه ی اول هم توی منوی کشویی نباشه..؟!
amirmohamaddev
سلام. مرسی از آموزشای خوبتون
وقتی برای نویگشن کردن بین صفحات از دکمه های داخل منوی کشویی استفاده میکنم با ارور
‘this2.props.navighation.navigate_’ روبرو میشم…
ولی نویگشن کردن بین بقیه ی صفحاتی که ایجاد کردم بخوبی انجام میشه و فقط نویگشن کردن از طریق دکمه های منوی کشویی به مشکل برمیخوره و ارور بالا رو بهم میده!
ممنون میشم اگه راهنماییم کنید…
مهدی(مدیریت)
سلام امیر محمد عزیز.
پیشنهاد میکنم دوره آموزش react navigation 3 رو ببینی و بعد ادامه دوره رو ببین
sina
سایت شما بسیار عالی هست.
علیرضا(مدیریت)
کامنتتون انرژی فوق العاده ای به ما میده ، ممنونیم 🙂
payamr1
متاسفانه لینک دانلود رو نمایش نمیده و من نتونستم دوره رو ببینم.
علیرضا(مدیریت)
سلام
تست شد و هیچ مشکلی وجود نداشت
شما مراحل ثبت دوره رو که طی کنید در آخرین مرحله کاملا لینک دانلود کامل دوره مشخص هست ، البته که لینک دانلود دوره براتون ایمیل هم میشه و ممکنه داخل پوشه اسپم قرار گرفته باشه
به زودی لینک دانلود به صورت درس به درس رو هم قرار میدیم که خیلی راحت هم به صورت یکجا و هم به صورت درس به درس بتونید دوره رو دانلود کنید
اگه هنوز هم در ثبت نام دوره مشکل دارید حتما با ما در ارتباط باشید
علیرضا(مدیریت)
مجددا سلام ، از این به بعد این دوره رو هم میتونید به صورت درس به درس دانلود کنید فقط کافیه در حساب کاربریتون لاگین کنید و دوره رو ثبت نام کنید
مثل گذشته هم میتونید به ضورت یکجا و یا از ادرس ایمیلتون هم دوره رو دانلود کنید
shahnoori
مرسی از اینکه دوره رو رایگان گذاشتین فقط این فریم ورک از rtl پشتیبانی کامل نمیکنه و بدرد برنامه نویسی به زبان فارسی نمیخوره.
shahnoori
چک