如何在颤振中制作圆形图片?

时间:2021-07-09 14:53:21

标签: flutter flutter-widget

child: Row(
                 children: <Widget>[
                  Image(
                    image: AssetImage('images/2.jpg'),
                    width: 100.0,
                    height: 100.0,
                  ),
                  SizedBox(width: 20.0),
                  Text(
                    'LEXUES C300',
                    style: TextStyle(
                        fontWeight: FontWeight.bold,
                        color: Colors.white,
                        fontSize: 30.0),
                  ),
                ],
              ),
            ),

3 个答案:

答案 0 :(得分:1)

您可以为此使用小部件 CircleAvatar:-

              CircleAvatar(
                radius: 50,
                backgroundImage:AssetImage('images/2.jpg'),
              )

答案 1 :(得分:0)

使用容器:

Container(
  width: 100,
  height: 100,
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    image: DecorationImage(
      image: AssetImage('images/2.jpg')
      fit: BoxFit.fill
    ),
  ),
),

答案 2 :(得分:0)

或使用 ClipRRectClipOval

ClipRRect(
  borderRadius: BorderRadius.circular(300.0),
  child: ImageAsset //