پیاده سازی Layout اینستاگرام

آموزش Flutter - قسمت 23
زمان قرارگیری : 30 آبان 1397
زمان این قسمت : 44:54
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

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

در این جلسه ابتدا layout بخش بالایی یعنی بخش استوری ها را ایجاد میکنیم در این راه با چالش های برخورد خواهیم کرد که به شما در آینده کمک میکنند تا بدونه مشکل Layout پروژه های خودتان را به وجود آورید . 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

دسترسی رایگان برای اعضای ویژه
مدیریت پروژه های متن‌باز با git و github

مدیریت پروژه های متن‌باز با git و github

اگر از دنبال کنندگان مجله آموزشی راکت باشید میدانید که در راکت دوره های زیادی از ابزارهای اوپن سورس مثل لاراول ، فریمورک های جاوا اسکریپت ، نود جی اس...

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

آموزش طراحی وب

در این دوره قراره طراحی وبسایت رو به شما آموزش بدم یعنی قراره یک وبسایت رو از صفر که ، طرح ایده و بعد طراحیش در فتوشاپ باشه رو به شما آموزش بدم تا کدن...

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

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

سلام مهندس من یه سوال داشتم
شما توی تکه کد پایین دوبار از row استفاده کردین!
بنظرتون بهتر نیست از یه row استفاده میکردیم؟
و اینکه مگه در حالتی که وجود داشت اگه ما row های پیاپی رو تعریف کنیم مگه نباید زیر هم قرار بگیرند؟ و یه row مگه کل اون سطر جاری رو نمیگیره؟ البته اینم بگم که تو اینجا که من تست گرفتم مشابه نتیجه شما بود!
یعنی منظورم اینکه وقتی شما دوتا row ساختید بنظرم باید زیر هم نشون میداد stories و watch all رو !
البته این برداشت منه اگه اشتباه فهمیدم لطفا کمک کنید ممنون

final topText=new Row(
        children: <Widget>[
          new Text('Stories',style: TextStyle(fontWeight: FontWeight.bold),),
          //new Row(
            //children: <Widget>[
              new Icon(Icons.play_arrow),
              new Text('Watch all',style: TextStyle(fontWeight: FontWeight.bold),)
            //],
         // )
        ],
      );
آنلاین
user-avatar
حسام موسوی
2 ماه پیش

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

آفلاین
user-avatar
z.gh
6 ماه پیش

سلام
قسمت تعریف لایوت برای stories ، برای image دادن به BoxDecoration شما از NetworkImage استفاده کردید که فکر میکنم اتصال اینترنت لازمه درسته؟ و من میخوام از Image.asset استفاده کنم که ارور میده . چطوری میتونم مقدارش رو Image.asset بذارم؟
اینم کدشه:

  var storiesList = new Padding(
    padding: EdgeInsets.all(8.0),
    child: new ListView.builder(
      itemCount: 10,
      itemBuilder: (context, index) {
        return new Expanded(
            child: new Stack(
          children: <Widget>[
            new Container(
              width: 40.0,
              height: 40.0,
              decoration: BoxDecoration(
                  image: DecorationImage(

                    //ٍERROR
                      image: Image.asset("assets/images/someImg.png"))),
            )
          ],
        ));
      },
آنلاین
user-avatar
حسام موسوی
6 ماه پیش

دوره رو ادامه بدید این رو هم آموزش میدیم . اما دقت بفرمایید در استوری شما نمیاید عکس کاربرها رو از local فراخونی کنید و نیاز به Network دارید.

آفلاین
user-avatar
Mani Rahmanzadeh
9 ماه پیش

سلام تو اندروید استودیوی من وقتی روی ویجت ها میزنم اون صفحه سورس باز نمیشه. اصلا نمیشه رو ویجت ها کلیک کرد کاملا متن هستند. چطوری می تونم به اون صفحه سورس دسترسی پیدا کنم؟

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

پلاگین فلاتر رو نصب کردید ؟

آفلاین
user-avatar
Mani Rahmanzadeh
9 ماه پیش

بله نصب کردم و فلاتر اینسپکتور و آتو کامپلیت برای ویجت های فلاتر کاملا کار می کنه و هیچ مشکلی دیده نمیشه موقع کد نویسی. فقط همین یه کار انجام نمیشه

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

نمی دونم واقعا، برام پیش نیومده میتونید در بخش بحث و گفتگو بپرسید شاید شخصی این مشکل رو داشته باشه

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

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

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

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

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

سلام . من کاملا طبق ویدیو پیش میرم ولی خب .... چطور میتونم این همه اطلاعات را به خاطر بسپارم ؟

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

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

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

سلام
من مفهوم index در اول این قسمت خوب متوجه نشدم .
میشه توضیح بدید
برای چی index == 0 قرار دادین ؟؟؟ و مقداری برگشت؟؟

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

سلام در خود جلسه هم توضیح دادم
index همون سطر اطلاعات هست که در سطر یک اطلاعات استوری ها رو میخوایم نشون بدیم .
لطفا به توضیحات جلسه دقت کنید

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

منم دقیقا همین فکرو کردم و همون موقع هم از سایت دیگه ای استفاه کردم و هم از shecan.ir اما نشد متاسفانه، برای همین فعلا از asset استفاده میکنم.

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

نه shecan.ir نمیتونه وبسایت های که از طرف ما بسته شده رو باز کنه به این موضوع دقت کنید
تنها وبسایت های که از طرف اونها بسته شدن رو باز میکنه

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

سلام وقت بخیر تبریک میگم عید باستانی نوروز
نمیدونم چرا عکسها رو برای stack نمیاره
Widget stories = new Expanded( child: new ListView.builder( itemCount: 10, itemBuilder:(context , index) { return new Stack( children: <Widget>[ new Container( width: 40.0, height: 40.0, decoration: new BoxDecoration( image: DecorationImage( image: NetworkImage( 'https://www.gravatar.com/avatar/52f0fbcbedee04a121cba8dad1174462?s=200&d=mm&r=g') ) ), ) ], ); } ) );
خطای خاصی نمیده و اصلا استک نمایش داده نمیشه و البته بعد از یکی دو دقیقه این خطا رو میده:
I/flutter (21533): Image provider: I/flutter (21533): NetworkImage("https://www.gravatar.com/avatar/52f0fbcbedee04a121cba8dad1174462?s=200&d=mm&r=g", I/flutter (21533): scale: 1.0) I/flutter (21533): Image key: I/flutter (21533): NetworkImage("https://www.gravatar.com/avatar/52f0fbcbedee04a121cba8dad1174462?s=200&d=mm&r=g", I/flutter (21533): scale: 1.0) I/flutter (21533): ════════════════════════════════════════════════════════════════════════════════════════════════════

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

سلام ای shecan.ir استفاده کنید یا از یک عکس با یک url دیگه این شاید بخاطر محدودیت سایت باشه که در جلسات بعد برای خودمون هم پیش میاد

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

سلام
من وقت اجرا برنامه در emulator به این خطا برمیخورم

Lost connection to device.

وقتی که قسمت DecorationImage کامنت میکنم مشکل رفع میشود و برنامه اجرا میشه
برنامه هم هیچ خطایی ندارد و دارم از جنیموشن به عنوان emulator استفاده میکنم

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

سلام وقت بخیر
خوب الکی اینطوری نمیشه که
دقیقا چه کاری رو انجام دادید در اون قسمت ایا در terminal چک کردید که ارور دارید یا خیر ؟

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

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

آفلاین
user-avatar
Mohammad
2 سال پیش

سلام
در اندروید برای کار با لیست ها (Recycler view ) مفهومی وجود داره به نام recycler یا بازیافت ویو ها
که برای جلوگیری از ساخته شدن ابجکت های زیاد در رم و روون تر شدن برنامه استفاده میشه
به این صورت که ویو هایی که از دید کاربر خارج میشن بازیافت شده و ویوهای جدید با استفاده از اونها ساخته میشن
به این صورت مثلن اگه لیست ما 500 ایتم داشته باشه ولی صفحه نمایش گوشی گنجایش 10 ایتم رو داشته باشه...به جای اینکه 500 ابجکت در رم ساخته بشه فقط 10 ابجکت ساخته میشه و بقیه ابجکت ها از طریق بازیافت همین ابجکت ها حاصل میشن

میشه در مورد این موضو در فلاتر اگر که مطلبی هست توضیح بدید؟؟

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

listview ها در فلاتر با همین داستان پیاده سازی شدن .
برای مثال میتونید کامل اینو مشاهده کنید . البته ما حالت های پیشرفته listView رو در طی جلسات آینده هم خواهیم داشت

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

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

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

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

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

بله حق با شماست مثلا زمانی که میخوام یک ویجت رو به وسط صفحه منتقل کنم طبق گفته های شما mainAxisAlignment در Row به صورت افقی المان رو تغییر میده و در col به صورت عمودی اما جواب نمیگیریم

Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              new Text("ok")
            ],
          )
        ],
      )
آنلاین
user-avatar
حسام موسوی
1 سال پیش

با خود column میتونید المنتی که میخواید رو به وسط انتقال بدید نیازی به تغییر main مقدار row ندارید
بارها هم اینو کار کردیم در این دوره