ویجت Divider

تعداد بازدید ها : 1,081 بازدید
 ویجت Divider

ویجت Divider ، یک خط افقی نازک جهت جدا کردن محتوا در لیست ها ، منوهای کشویی و … ترسیم می کند . در قطعه کد زیر استفاده از ویجت Divider در PopupMenuItem به نمایش گذاشته شده است :

  1. PopupMenuItem(
  2. child: Divider(
  3. height: 1,
  4. ),
  5. )
PopupMenuItem(
  child: Divider(
    height: 1,
  ),
)

همچنین جهت استفاده از ویجت Divider در ویجت ListView مطابق کد زیر عمل می شود :

  1. ListView.builder(
  2. itemCount: 3,
  3. itemBuilder: (context, index) {
  4. return Column(
  5. children: <Widget>[
  6. Divider(
  7. height: 10,
  8. ),
  9. ListTile(
  10. leading: CircleAvatar(
  11. backgroundColor: Colors.grey[300],
  12. backgroundImage: NetworkImage('https://javareshkian.ir/wp-content/uploads/2020/04/fakhr-Small.png'),
  13. ),
  14. title: Row(
  15. mainAxisAlignment: MainAxisAlignment.spaceBetween,
  16. children: <Widget>[
  17. Text(
  18. 'محمدمجتبی جوارشکیان',
  19. style:
  20. TextStyle(fontSize: 13, fontWeight: FontWeight.bold),
  21. ),
  22. Text(
  23. '۱۵:۱۰',
  24. style: TextStyle(fontSize: 11, color: Colors.grey),
  25. )
  26. ],
  27. ),
  28. subtitle: Container(
  29. padding: EdgeInsets.only(top: 5),
  30. child: Text(
  31. 'جلسه اول آموزش چه طور بود ؟',
  32. style:
  33. TextStyle(fontSize: 12, fontWeight: FontWeight.w300),
  34. )),
  35. ),
  36. ],
  37. );
  38. }
  39. )
ListView.builder(
        itemCount: 3,
        itemBuilder: (context, index) {
          return Column(
            children: <Widget>[
              Divider(
                height: 10,
              ),
              ListTile(
                leading: CircleAvatar(
                  backgroundColor: Colors.grey[300],
                  backgroundImage: NetworkImage('https://javareshkian.ir/wp-content/uploads/2020/04/fakhr-Small.png'),
                ),
                title: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: <Widget>[
                    Text(
                      'محمدمجتبی جوارشکیان',
                      style:
                          TextStyle(fontSize: 13, fontWeight: FontWeight.bold),
                    ),
                    Text(
                      '۱۵:۱۰',
                      style: TextStyle(fontSize: 11, color: Colors.grey),
                    )
                  ],
                ),
                subtitle: Container(
                    padding: EdgeInsets.only(top: 5),
                    child: Text(
                      'جلسه اول آموزش چه طور بود ؟',
                      style:
                          TextStyle(fontSize: 12, fontWeight: FontWeight.w300),
                    )),
              ),
            ],
          );
        }
)

خروجی قطعه کد بالا به شکل زیر است :

WhatsApp_Sampleجهت کسب اطلاعات بیشتر از این آدرس به سایت اصلی فلاتر مراجعه نمایید .

امیدوارم این مطلب برای شما مفید باشد .

2+
می خوانم   پروژه مینی سبد خرید
محمدمجتبی جوارشکیان

محمدمجتبی جوارشکیان

من محمدمجتبی جوارشکیان ، کارشناس IT و فعال اجتماعی هستم و در حوزه معماری ، طراحی ، تحلیل گری ، مدلسازی و توسعه ی محیط های نرم افزاری فعالیت دارم. همانند سایر کارشناسان IT در تلاشم تا دنیا جای زیباتری برای زندگی باشد. بسیار خوشحال می شوم من را از انتقادات ، پیشنهادات و نظرات خود مطلع فرمایید. آدرس ایمیل : mjfakhr@yahoo.com

ارسال یک پاسخ

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

یک × 5 =