کلاس NetworkImage نیز همانند ویجت Image ، قابلیت نمایش عکس از شبکه را دارد . فقط باید توجه داشته باشید که خروجی این کلاس از نوع Widget نیست ، لذا نمی توانید به صورت مستقیم از این کلاس جهت نمایش عکس در UI استفاده نمایید و فقط می توانید خروجی این کلاس را به ورودی خصوصیات سایر کلاس ها (مانند backgroundImage ) ارسال نمایید . کد زیر نمونه ای از استفاده از این کلاس را به نمایش گذاشته است :

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),
        )
    ),
)

همانطور که در خط ۴ قطعه کد بالا نیز قابل مشاهده است از کلاس NetworkImage جهت ارسال مقدار به خصوصیت backgroundImage ویجت CircleAvatar استفاده شده است . خروجی کد بالا در تصویر زیر قابل مشاهد است :

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

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