我想在没有恒定高度值的椭圆形图像周围添加边框 colored颜色 .

我的代码示例:

                        Align(
                          child: ConstrainedBox(
                            constraints: const BoxConstraints(
                              maxHeight: 220.0,
                            ),
                            child: Container(
                              height: null,
                              width: 150.0,
                              decoration: BoxDecoration(
                                shape: BoxShape.circle,
                                border: Border.all(
                                  color: Colors.blueAccent,
                                  width: 2.0,
                                ),
                              ),
                              child: ClipOval(
                                child: Image.network(
                                  'https://images.unsplash.com/photo-1606122017369-d782bbb78f32?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cG9ydHJhaXRzfGVufDB8fDB8fA%3D%3D&w=1000&q=80',
                                ),
                              ),
                            ),
                          ),
                        ),

这是具有边框形状的结果:BoxShape.Circle:

BoxShape.circle

这是没有任何边框形状的结果

No Boxshape

然而,我希望边界是适当和均匀的图像的角落周围.

剩下的唯一属性是boxshape.value,但我找不到如何使用它的示例.此外,容器具有空值,这使得插入特定值变得更加困难

推荐答案

试试这个:

ClipOval(
          child: Container(
            height: 150.0,
            width: 150.0,
            color: Colors.blueAccent,
            padding: const EdgeInsets.all(2),
            child: ClipOval(
              child: Image.network(
                fit:BoxFit.cover,
                'https://images.unsplash.com/photo-1606122017369-d782bbb78f32?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cG9ydHJhaXRzfGVufDB8fDB8fA%3D%3D&w=1000&q=80',
              ),
            ),
          ),
        )

Flutter相关问答推荐

Flutter 中的面向对象模式

为什么要在值列表中两次放入空安全性

Android上火焰瓷砖之间的线条飘动

无法在我的Flutter 应用程序中使用GoRouter测试导航

框中的Flutter 适配图像

任务';:app:check DebugDuplicateClasss';的Ffltter Share_plus抛出执行失败

从.gitignore中排除.fvm/fvm_config.json

如何在 Flutter 中以背景 colored颜色 制作圆圈的一部分

如何使自动焦点位于已经有一些文本的 TextField 的第一行?

Flutter:如何设置 PersistentFooterButtons 背景?

Firestore 使用 Flutter 以奇怪的格式保存数据

Android 模拟器在 Apple M2 芯片 EXC_BAD_ACCESS / KERN_INVALID_ADDRESS 上随机崩溃

如何删除图像边框半径与其父容器边框半径之间的空白

Flutter RIverpod 奇怪地改变状态

type '({bool growable}) => List' 不是类型转换中类型 'List' 的子类型

如何在 Flutter 中使用简写 IF 禁用单选按钮?

为什么 setState 不改变我的变量 Flutter?

无法将参数类型Future Function(String?)分配给参数类型void Function(NotificationResponse)?

配置项目:firebase_core时出现问题

Flutter 在滚动期间保持某些元素固定?