پروژه : عکس گرد با Container

تعداد بازدید ها : 855 بازدید
 پروژه : عکس گرد با Container

برای نمایش عکس گرد ویجت CircleAvatar وجود دارد ، ولی در صورتی که مایلید میزان padding و margin عکس به نسبت اطراف را نیز کنترل نمایید می توانید از روش زیر استفاده نمایید :

Container(
  width: 40.0,
  height: 40.0,
  margin: EdgeInsets.symmetric(horizontal: 5.0),
  padding: EdgeInsets.all(2.0),
  decoration: BoxDecoration(
     shape: BoxShape.circle,
     image: DecorationImage(
        image: NetworkImage('https://javareshkian.ir/wp-content/uploads/2020/04/fakhr-Small-100x100.png'),
        fit: BoxFit.cover,
     ),
  ),
),

در مثال بالا با استفاده از خصوصیت decoration ویجت Container و ارسال کلاس BoxDecoration به آن ، نسبت به ترسیم عکس و گرد کردن آن اقدام کرده ایم .

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

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

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

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

ارسال یک پاسخ

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

8 + 13 =