پیاده سازی Bottom Navigation Bar

آموزش Flutter - قسمت 20
زمان قرارگیری : 25 آبان 1397
زمان این قسمت : 31:09
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 840 نفر
قیمت دوره 139000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 30:03:58
تعداد قسمت‌ها 72
نوع دسترسی نقدی

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

پیاده سازی Bottom Navigation Bar

رایگان 11:30
09:07
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 840 نفر
قیمت دوره 139000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 30:03:58
تعداد قسمت‌ها 72
نوع دسترسی نقدی

آنلاین
user-avatar
مدرس دوره حسام موسوی

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش ردیس Redis

آموزش ردیس Redis

Redis یکی از رایجترین دیتابیس های Nosql است که اطلاعات در آن بصورت Key و Value، بر روی معماری داخلی سیستم ذخیره سازی میشود . در این دوره قصد دارم روش...

دسترسی رایگان برای اعضای ویژه
اصول طراحی شی‌ گرا SOLID

اصول طراحی شی‌ گرا SOLID

SOLID شامل یک سری از اصول برای برنامه نویسان میشود، که اگر آنها را در برنامه نویسی شی گرا رعایت کنید کدهای تمیزتر و خواناتری خواهید داشت.این اصول میتو...

دسترسی رایگان برای اعضای ویژه
آموزش کامل عبارات باقاعده - Regular Expressions

آموزش کامل عبارات باقاعده - Regular Expressions

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

دسترسی رایگان برای اعضای ویژه
آموزش گیت و گیت هاب

آموزش گیت و گیت هاب

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

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
mohaddese
6 ماه پیش

سلام
من می خواستم مثل سایر اپلیکیشن ها، وقتی کاربر اپ رو نصب می کنه، یک سری توضیحات برای هر قسمت یا آیکون اپ بهش نشون داده بشه ( به این صورت که مثلا کل صفحه با یه رنگی پوشونده بشه و فقط آیکون مورد نظر و متن توضیحات دیده بشه) و بعد با زدن دکمه next توضیحات آیکون بعدی نشان داده بشه.
و این اتفاق فقط برای بار اول که کاربر اپ رو نصب می کنه بیفته و در دفعات بعد بهش نشون نده.
امکانش هست راهنمایی بفرمایید چطوری میشه این کار رو انجام داد؟!
خیلی ممنون میشم

با تشکر فراوان از دوره کاربردی و خوبتون

آنلاین
user-avatar
حسام موسوی
6 ماه پیش

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

آفلاین
user-avatar
مهدی محمدی
9 ماه پیش

سلام
من قبلا بدون مشکل پروژه های فلاتر رو ایجاد میکردم و ازشون استفاده میکردم ولی دو روزه با مشکلی مواجه شدم که نیاز بهراهنماییتون دارم
موقع ایجاد یه پروژه فلاتر جدید با این ارور مواجه میشم:
Load Settings
Cannot load settings from file 'F:\Flutter\flutter_apps\flutter_app\flutter_app1.iml': File F:\Flutter\flutter_apps\flutter_app1\flutter_app.iml does not exist
Please correct the file content
در واقع مشک اینکه فایل .iml ایجاد نمیشه تحت هیچ شرایطی
ممنون میشم راهنماییم کنین

آنلاین
user-avatar
حسام موسوی
9 ماه پیش

دستور فلاتر upgrade بزنید تا اگر ورژن قدیمی هست جدید رو قرار بده برای نصب

آفلاین
user-avatar
Amir m
1 سال پیش

سلام. من یه نگرانی که همیشه دارم اینه برنامه تو همه دستگاه ها با هر ابعاد صفحه نمایش درست نمایش داده بشه.
این مورد تو فلاتر به چه شکل اجرا میشه؟
و سوال دوم این که اون ابعادی که مثلا به باکس سایز دادید (height) اون مقیاسش چیه؟ پیکسل؟ یا خودش با توجه به دیوایس کاربر تنظیم میشه؟

آنلاین
user-avatar
حسام موسوی
1 سال پیش

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

آفلاین
user-avatar
amir realidea
1 سال پیش

با سلام
ممنون بابت زحماتی که میکشید و دوره خوبتون
توی این قسمت من وقتی از پروژه ران میگیرم برنامه بدون اشکال ران میشه ولی یه ارور داخل اندروید استودیو نمایش داده میشه میخواستم بدونم علتش چیه؟
Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:52796/Ur_ZTYcXO2M=/ws

آنلاین
user-avatar
حسام موسوی
1 سال پیش

سلام مهم نیس برای ارتباط با شبیه سازه

آفلاین
user-avatar
iranrobo
1 سال پیش

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

آنلاین
user-avatar
حسام موسوی
1 سال پیش

سلام وقت بخیر مستندات رو میشه خوند و خودتون برید جلو
اما چیز متفاوتی نیاز به مستندات لازمه که ما در این دوره ارائه کردیم تا شما کاملتر و بهتر در کنار مستندات بتونید فلاتر رو یاد بگیرید

آفلاین
user-avatar
iranrobo
1 سال پیش

بله درسته خیلی راحت با mediaQuery میشه اینکارو انجام داد. ممنون
البته من این سوالو وقتی پرسیدم که هنوز به جلسات بعد نرسیده بودم.

آفلاین
user-avatar
iranrobo
1 سال پیش

خب بنده که پیشنهاد نمیدم، اما منظورم این بود که آیتمی باید بکار ببریم که خود نویگیشن بار رو تغییر بده نه کانتینر رو، اسمشو نمیدونم اما شما قطعا میتونین کمکم کنین.

آنلاین
user-avatar
حسام موسوی
1 سال پیش

شما میتونید با MediaQuery که نشون دادم بهتون اندازه عرض صفحه نمایش رو بگیرید و اونو اندازه دهی کنید

آفلاین
user-avatar
iranrobo
1 سال پیش

سلام وقت بخیر
برای تنظیم اندازه navigationbar شما در قسمت container تغییر اندازه رو انجام دادین که فک میکنم درست نیس چون مثلا شما اگه اندازش رو بزارین روی 100 میبینین که خود نویگیشن تغییری نمیکنه و یک قسمت زیرش تغییر میکنه.

آنلاین
user-avatar
حسام موسوی
1 سال پیش

سلام شما چی پیشنهاد میدین !