flutter - 使图像适合圆形头像

Question

我正在尝试在圆形头像小部件内显示用户个人资料图片，但只显示了一小部分。

CircleAvatar(
  radius: 70,
  backgroundImage: AssetImage("Images/headshot_1.jpg"),
)

我要显示的图像

模拟器截图：

更新：我通过将圆形头像包装在一个行小部件中来使其工作。

标签： flutter

Answer 1

我会尝试使用foregroundImage. 正如官方文档所述，此属性在您的用例中效果很好：个人资料图片。

这是您在问题中显示的图像的示例：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: CircleAvatar(
            foregroundImage: AssetImage(
              'myimage.png',
            ),
          ),
        ),
      ),
    );
  }
}

编辑。添加了获取的UI。这是我得到的：

如果您的问题仍然存在，则问题出在您的上下文/小部件树中的其他位置。