flutter - 圓角,圓形圖片

圓形頭像

ClipOval

new ClipOval(
    child: new Image.asset('images/header.png'),
  )

CircleAvatar

new CircleAvatar(
    radius: 36.0,
    backgroundImage: AssetImage(
      'images/header.png',
    ),
  )

BoxDecoration BoxShape.circle

 new Container(
    width: 72.0,
    height: 72.0,
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      image: DecorationImage(
        image: AssetImage(
          'images/header.png',
        ),
      ),
    ),
  )

圓角頭像

ClipRect

new ClipRect(
    borderRadius: BorderRadius.circular(6.0),
    child: new Image.asset('images/header.png'),
  )

BoxDecoration BoxShape.rectangle

new Container(
    width: 88.0,
    height: 88.0,
    decoration: BoxDecoration(
      shape: BoxShape.rectangle,
      borderRadius: BorderRadius.circular(6.0),
      image: DecorationImage(
        image: AssetImage(
          'images/header.png',
        ),
      ),
    ),

Copy:Flutter 圓形/圓角頭像

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容