جستجو برای:
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
  • درباره ما
  • تماس با ما
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
0

ورود و ثبت نام

آموزش NativeBase

خانهدوره هادوره های آموزشیآموزش NativeBase
آموزش فارسی nativebase
حالت مطالعه

آموزش 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

اموزش nativebase

 

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 دقیقه

خصوصی
برچسب: NativeBase چیست آموزش NativeBase آموزش فارسی Native Base آموزش فارسی reactnative

دوره های مرتبط

graphql

آموزش GraphQl

آموزش graphql دوره ای است که در آن نحوه نوشتن یک API با یکی از بهترین ابزارهای موجود یعنی GraphQl آموزش…
203
89,000 تومان
اموزش react native

آموزش کار با lottie-react-native

در این دوره قصد دارم نحوه کار با یکی از بهترین و پرکاربردترین کتابخانه های React Native (ری اکت نیتیو)…
26
9,000 تومان
آموزش فارسی react native

ساخت ToDo App با React Native

در این سری از آموزش های رایگان react native  نحوه ساخت یک todo app با React Native(ری اکت نیتیو) رو یاد…
350
رایگان!

chat_bubble_outlineنظرات

  • قاسم
    دسامبر 8, 2020
    پاسخ

    سلام و خسته نباشید متشکرم بابت دوره ی خوبتون.من در RN تازه کارم و یه سوال برام پیش اومده ممنون میشم راهنمایی کنید.من میخام یه کارت درست کنم که تصویرش سمت چپ کارت باشه و در کنار عکس(سمت راست عکس)چند خط نوشته داشته باشم و ارتفاع کارت هم اندازه ی ارتفاع عکس باشه.چجوری باید این کارت رو با native base درست کنم؟متشکرم

    • مهدی(مدیریت)
      دسامبر 10, 2020
      پاسخ

      سلام سلامت باشید
      کامپوننت Card خودش اینکار رو فکر کنم انجام میده

    • قاسم
      دسامبر 10, 2020
      پاسخ

      مشتکرم از پاسختون.فکر کنم راه حل رو پیدا کردم.نیازی به استفاده از card نیست.با استفاده از list و listItem میشه اینکار رو انجام داد.درون کامپوننت list و درون listItem , عکس رو درون کامپوننت left و متن ها رو در کامپوننت Body قرار میدیم و به عکس طول و ارتفاع میدیم

      • مهدی(مدیریت)
        دسامبر 12, 2020
        پاسخ

        خیلی عالی

  • hadi.naderi65@gmail.com
    سپتامبر 12, 2019
    پاسخ

    سلام من پروژه از قبل دارم برای ios آیا ممکن هست آیکون آنرو تغییر بدم بعداز پابلیکیش قابل تغییر هست باتشکر

    • مهدی(مدیریت)
      سپتامبر 14, 2019
      پاسخ

      سلام.
      شما کافیه که آیکون رو تغییر بدید و مجددا خروجی بگیرید و بر روی استور ها منتشر کنید

  • mahmood.moosavian
    سپتامبر 10, 2019
    پاسخ

    سلام. واقعا ازتون ممنونم بخاطر این آموزشای خوب. هنوز این آموزش رو ندیدم ولی مطمئنا این آموزش با توجه به آموزشای قبلی بسیار ارزشمنده. دست مریزاد داری.یا علی

    • مهدی(مدیریت)
      سپتامبر 11, 2019
      پاسخ

      سلام محمود عزیز.
      ممنون بابت انرژی مثبت

  • hamid.bs
    سپتامبر 1, 2019
    پاسخ

    سلام
    من در دوره NativeBase ثبت نام کردم ولی امکان دانلود دوره وجود ندارد و به نظر میرسد مشکلی در لینک دانلود آن باشد.
    لطفا بررسی بفرمایید.

    • علیرضا(مدیریت)
      سپتامبر 1, 2019
      پاسخ

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

  • amirmohamaddev
    جولای 29, 2019
    پاسخ

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

    • مهدی(مدیریت)
      جولای 30, 2019
      پاسخ

      خواهش میکنم.
      منظورتون رو متوجه نمیشم.میتونید بیشتر توضیح بدید

      • amirmohamaddev
        جولای 30, 2019
        پاسخ

        فرض کنید توی صفحه ی اصلی یدونه فهرست داریم که با زدن روی هر عنوان وارد یه صفحه ی دیگه میشیم. حالا میخوایم به این صفحه ی اصلی یه منوی کشویی اضافه کنیم که مثلا توش سه گزینه ی about us و setting و rate us باشه که هر کدوم وارد یه صفحه ی مجزا بشه. واسه ی این کار باید چجوری صفحه ی روت رو بنویسیم…؟!
        توی آموزشی که دادین (react navigation 3) توی منوی کشویی همه ی محتویات صفحه ی اصلی رو قرار دادین.

        • مهدی(مدیریت)
          جولای 30, 2019
          پاسخ

          خب شما درون صفحه اصلی همه محتویات رو قرار ندید و محتویات رو در صفحه مورد نظرتون قرار بدید.و مثل آموزش صفحه root رو بنویسید

          • amirmohamaddev
            جولای 30, 2019
            پاسخ

            یعنی راهی نداره که بتونم فهرست رو توی صفحه ی اول بزارم و صفحه ی اول هم توی منوی کشویی نباشه..؟!

  • amirmohamaddev
    جولای 28, 2019
    پاسخ

    سلام. مرسی از آموزشای خوبتون
    وقتی برای نویگشن کردن بین صفحات از دکمه های داخل منوی کشویی استفاده میکنم با ارور
    ‘this2.props.navighation.navigate_’ روبرو میشم…
    ولی نویگشن کردن بین بقیه ی صفحاتی که ایجاد کردم بخوبی انجام میشه و فقط نویگشن کردن از طریق دکمه های منوی کشویی به مشکل برمیخوره و ارور بالا رو بهم میده!
    ممنون میشم اگه راهنماییم کنید…

    • مهدی(مدیریت)
      جولای 28, 2019
      پاسخ

      سلام امیر محمد عزیز.
      پیشنهاد میکنم دوره آموزش react navigation 3 رو ببینی و بعد ادامه دوره رو ببین

  • sina
    جولای 11, 2019
    پاسخ

    سایت شما بسیار عالی هست.

    • علیرضا(مدیریت)
      جولای 12, 2019
      پاسخ

      کامنتتون انرژی فوق العاده ای به ما میده ، ممنونیم 🙂

  • payamr1
    جولای 6, 2019
    پاسخ

    متاسفانه لینک دانلود رو نمایش نمیده و من نتونستم دوره رو ببینم.

    • علیرضا(مدیریت)
      جولای 6, 2019
      پاسخ

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

    • علیرضا(مدیریت)
      جولای 6, 2019
      پاسخ

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

  • shahnoori
    جولای 3, 2019
    پاسخ

    مرسی از اینکه دوره رو رایگان گذاشتین فقط این فریم ورک از rtl پشتیبانی کامل نمیکنه و بدرد برنامه نویسی به زبان فارسی نمیخوره.

  • shahnoori
    جولای 3, 2019
    پاسخ

    چک

قوانین ثبت دیدگاه

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قیمت :

رایگان!

امتیاز
4.55 از 11 رأی
رایگان!
تعداد دانشجو : 870
نوع دوره: غیرحضوری،ویدئویی
سطح دوره: همه سطوح
زبان: فارسی
5 ساعت و 42 دقیقه
34
588 مگابایت
روش دریافت: دانلودی در یک فایل Zip
روش پشتیبانی: تالارگفتمان و کامنت های دوره
درصد پیشرفت دوره: %100
4.95k بازدید 24 دیدگاه
مهدی
مهدی
برنامه نویس front end

دسته: دوره های آموزشی
ارتباط با ما
  • 09150274110
  • contact@reactapp.ir
دسترسی سریع
  • بلاگ
  • تله فیلم آموزشی
  • آموزش متنی
  • قوانین

تیم reactapp تمام تلاش خودش رو انجام میده تا محتوایی با کیفیت و به روز رو در اختیار علاقه مندان به حوزه جاوااسکریپت قرار بده. چیدمان تمامی آموزش های ویدئویی و مقالات به نحوی هست که شمارو به سمت بازار کار سوق بده تا هر چه سریع تر به عنوان یک نیرو فنی در بازار کار مشغول به فعالیت شده و به درآمد زایی برسید.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت