پیاده سازی سرچ باکس و اسکرول تو در تو

آموزش Flutter - قسمت 29
زمان قرارگیری : 10 آذر 1397
زمان این قسمت : 27:25
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

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

در این جلسه ابتدا در مورد روش پیاده سازی یک اسکرول تو در تو برای کنترل AppBar صحبت میکنم و بعد روش نمایش یک سرچ باکس رو به شما آموزش خواهم داد.

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

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

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

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

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

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

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

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

مشاهده همه دوره ها
آموزش ایجاد وبسایت PWA یا Progressive Web Apps

آموزش ایجاد وبسایت PWA یا Progressive Web Apps

وب‌اپلیکیشن‌های پیش رونده (Progressive Web Apps) یا به اختصار PWA می‌توانند تحول بزرگ بعدی در حوزه‌ی اپلیکیشن‌های موبایل محسوب شوند. این فناوری که ابت...

آموزش دیزاین پترن ها

آموزش دیزاین پترن ها

در برنامه‌نویسی شی گرا معمولا یک سری مسئله خیلی ساده و شناخته شده‌ای داریم که بسیار پر رخداد و تکراری هستند. برای حل این مسائل هرکسی احتمالا یک راه‌حل...

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

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

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

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

آموزش پروژه محور bootstrap 4

میتوان گفت بوت استرپ یکی از محبوب ترین فریمورک های Css جهان است که با استفاده از آن میتوان وبسایت های مختلفی را در سریعترین زمان ممکن بوجود آورد . این...

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

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

سلام مجدد
راستش من جواب سوالم رو پیدا کردم. باید permission مربوط به INTERNET را در فایل AndroidManifest.xml اضافه می کردم.

آفلاین
user-avatar
mohaddese
6 ماه پیش

سلام
خیلی ممنون که پاسخ دادین.
همون طور که گفتین من با استفاده از یک TextField سرچ باکس رو ساختم و با http عبارت جستجو رو به سمت سرور می فرستم.مساله اینجاست که وقتی برنامه رو به وسیله emulator اجرا می کنم (یا حتی وقتی گوشیم رو به لپ تاپ وصل می کنم) برنامه بدون هیچ مشکلی اجرا می شه و پاسخ صحیح برمی گرده ولی وقتی خروجی apk می گیرم و روی گوشی نصب می کنم دیگه هیچ پاسخی برنمی گرده. نمی دونم چرا همچین اتفاقی می افته...
امکانش هست راهنمایی کنین چرا این مشکل به وجود آمده؟
خیلی ممنون میشم.

آفلاین
user-avatar
mohaddese
6 ماه پیش

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

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

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

در دوره توضیح دادیم این مورد رو نمیدونم پکیج هم ممکنه نوشته باشن براش ولی با textField هم میشه

آفلاین
user-avatar

سلام
با تشکر از آموزش خوبتون
در دقیقه حدود 8:30 جلسه 29 به نکته ای در خصوص SilverApp بار اشاره کردید که در برخی برنامه ها قسمت بالای اپ بار تعدادی آیکن و عکس و ... وجود داره و با اسکرول به سمت بالا محو میشه رو در یک جلسه حتما حتما حتما توضیح میدید ;) اما من این مورد رو در هیچ کدام از جلسات ندیدم.
میشه لطفا راهنمایی بفرمایید.
سپاس

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

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

آفلاین
user-avatar

عرض کردم حدود دقیقه 8:30

آفلاین
user-avatar
مهدی
1 سال پیش

سلام استاد موسوی
چجوری میشه اون فاصله بالای SliverAppBar رو برداشت
من از CustomScrollView استفاده میکنم و SliverAppBar در بالا نیست ، برا همین بخاطر فاصله بالا ظاهر خوبی نداره
کد :

new CustomScrollView(
        slivers: <Widget>[
          new SliverToBoxAdapter(
            child: new Container(
              color: Colors.cyan,
              height: 150,
              child: new Padding(
                padding: EdgeInsets.all(10),
                child: new Stack(
                  children: <Widget>[
                    new Align(
                      alignment: Alignment.centerLeft,
                      child: new Container(
                        height: 100,
                        width: 100,
                        decoration: new BoxDecoration(
                            borderRadius: BorderRadius.all(Radius.circular(50)),
                            color: Colors.amber
                        ),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ),
          new SliverAppBar(
            automaticallyImplyLeading: false,
            snap: true,
            floating: true,
            leading: new Icon(Icons.person),
            title: new Text('username'),
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate((context , index){
              return new Icon(Icons.add);
            },childCount: 30),
          )
        ],
      )

پیوند عکس

http://uupload.ir/files/h29t_photo_2019-03-27_00-37-18.jpg
آنلاین
user-avatar
حسام موسوی
1 سال پیش

سلام با استفاده از اون تکنیکی که در ویرایشگر android studio دادم برید و ببینید که این فاصله مربوط به چی میشه دقیقا

آفلاین
user-avatar
مهدی
1 سال پیش

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

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

در فرصت مناسب نگاهی بهش میندازم چشم

آفلاین
user-avatar
محمدرضا
2 سال پیش

سلام اقای موسوی چجوری میشه متنی که کاربر تایپ میکنه رو رنگش رو عوض کنیم یعنی مشکی نباشه

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

با همون استایل به textfield میشه خیلی ساده اینکارو کرد