如何在Flutter中在圆形图像上添加带有不透明层的图标
乌萨马娜
我需要在圆形图像上添加具有不透明层的相机图标。我尝试下面的代码：
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage(userInfo.imageUrl),
fit: BoxFit.cover,
),
),
child: Align(
alignment: Alignment.bottomCenter,
child: Container(
width: double.infinity,
padding: EdgeInsets.symmetric(vertical: 5),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3),
),
child: Icon(
Icons.photo_camera,
color: Colors.white.withOpacity(0.5),
),
),
),
)
但是我没有得到预期的结果：
任何人都知道如何使其工作吗？谢谢
dm_tr
ClipRRect像这样将其包装在小部件中
Container(
height: 100,
width: 100,
child: ClipRRect(
borderRadius: BorderRadius.circular(50.0),
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage("assets/imgs/avatar-default.png"),
fit: BoxFit.cover,
),
),
child: Align(
alignment: Alignment.bottomCenter,
child: Container(
width: double.infinity,
padding: EdgeInsets.symmetric(vertical: 5),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3),
),
child: Icon(
Icons.photo_camera,
color: Colors.white.withOpacity(0.5),
),
),
),
),
),
),
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在iOS 7上获取不透明的UINavigationBar
- 2
如何在元素上实现褪色不透明？
- 3
如何在图像上添加带有文字的透明覆盖层？
- 4
如何在侧边栏中添加带有链接的图像-MediaWiki
- 5
如何在iOS 7的UITextField中添加带有缩进的图像UIImage？
- 6
如何在背景图像上使用不透明度而不影响文本？
- 7
在CSS中为图像添加圆形褪色不透明度（渐晕效果）
- 8
如何在Swift中的UITableViewCell上添加带有单击事件的按钮？
- 9
如何在jQuery数据表上添加带有搜索图标的占位符文本
- 10
增量不透明度，需要恒定的不透明度，带有Drawable的图像视图
- 11
如何在webOS上创建不透明效果？
- 12
如何在Flutter App中添加带有图标的按钮
- 13
如何在OpenGL上使立方体面不透明？
- 14
如何在不透明的画布上绘制？
- 15
如何在python toga中添加带有图标的按钮
- 16
如何在我的传单代码中修改图像的不透明度
- 17
如何在ffmpeg中向视频添加不透明的叠加层？
- 18
如何在Java中使透明图像不透明？
- 19
如何在图像滑块中检查哪个图像的不透明度为1？
- 20
如何在元素上实现褪色不透明？
- 21
如何在侧边栏中添加带有链接的图像-MediaWiki
- 22
如何在MS Word 2007中更改图像的不透明度？
- 23
如何在rdflib中添加带有图形的图像URL
- 24
在图像上添加不透明度
- 25
如何在具有不透明度的图像顶部添加黑色图层
- 26
将带有叠加层的 div 中的文本置于前面，以便不透明度不会影响文本颜色？
- 27
带有文本的翻转图像上的 CSS 不透明度，但文本上的不透明度没有变化
- 28
如何向图像添加不透明叠加层，图像顶部也有文本？
- 29
图像叠加层上的 CSS 不透明度
我来说两句