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

تعداد بازدید ها : 764 بازدید
 پروژه : عکس گرد با 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+
می خوانم   ویجت SizedBox
محمدمجتبی جوارشکیان

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

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

ارسال یک پاسخ

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

نه − شش =