flutter - 图片不在圈内头像
问题描述
我正在尝试从我的画廊中挑选图像,然后将其展示给我的 circleavater,问题是,图像不在圆形头像内。
所以,我正在使用image_picker: ^0.4.12+1
Future getImage() async {
var image = await ImagePicker.pickImage(source: ImageSource.gallery);
setState(() {
_image = image;
});
}
这是小部件
children: <Widget>[
_image == null ?
Container(
width: 150.0,
height: 150.0,
margin: EdgeInsets.only(top: 25.0, bottom: 10.0),
child: CircleAvatar(
radius: 30.0,
backgroundImage:
NetworkImage('https://via.placeholder.com/150'),
backgroundColor: Colors.transparent,
)
): Container(
height: 150.0,
width: 150.0,
margin: EdgeInsets.only(top: 25.0, bottom: 10.0),
child: CircleAvatar(
radius: 30.0,
backgroundImage:
NetworkImage('https://via.placeholder.com/150'),
backgroundColor: Colors.transparent,
child: new Image.file(_image),
)
)
//etc
这是页面打开时的屏幕截图
这是我选择图像后的屏幕截图
我该如何解决,对不起我的英语并提前感谢
解决方案
推荐阅读
- kubernetes - Wildfly 18 集群配置与 Kubernetes 上的 KUBE_PING
- github - GitHub Actions:如何根据部署步骤输出动态设置环境 url?
- kubernetes - 如果我有一个 PVC 在所有 statefulset 副本之间共享相同的卷,是否存在任何技术问题?
- c# - JVM 的 JMC+JFR 是否有 C#/.NET 等效项,用于在生产中进行连续分析?
- c# - foreach 循环中的 Component.InvokeAsync 不起作用
- azure - 部署 Azure 容器而不运行它们
- maven - Jenkins maven projet 构建在测试期间在 fork 上失败
- javascript - 无法设置未定义的属性 - AuthLogin JS
- javascript - TypeError: req.flash is not a function -- (NodeJs) (connect-flash) -- 我无法打开页面
- python - 在 Django 的 TestCase 中测试并发客户端