在我的ListTile中,我想要一个有边框的CircleAvator,这就是为什么我在另一个里面有一个CircleAvator.问题是,边界并没有出现.当我在ListTile之外try 我的代码时,它起作用了.

代码:

class TestTile extends StatelessWidget {
  const TestTile({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: const [
      /***** DOES NOT WORK *****/
      Card(
          child: SizedBox(
              width: 200,
              height: 100,
              child: ListTile(
                leading: CircleAvatar(
                    radius: 32,
                    backgroundColor: Colors.blue,
                    child: CircleAvatar(
                      radius: 30,
                      backgroundColor: Colors.red,
                    )),
                title: Text("test"),
              ))),
      /***** WORKS *****/
      CircleAvatar(
          radius: 32,
          backgroundColor: Colors.blue,
          child: CircleAvatar(
            radius: 30,
            backgroundColor: Colors.red,
          ))
    ]));
  }
}

推荐答案

这是因为ListTile有一个固定的高度.CircleAvatar根本不适合你想要的半径,所以它们都被缩小到合适的最大尺寸.如果你try 使用较小的半径,例如20和18,你会发现它确实起作用了.

要增加ListTile的高度,您也可以try 设置visualDensity,例如这样,它可能适合

child: ListTile(
  visualDensity: VisualDensity(vertical: 2),

Flutter相关问答推荐

如何将图像从顶部和底部半向外设置为飘动

错误:找不到字体功能类型.Ffltter Google_Fonts包错误

如何让一个名为ONTAP的回调函数、另一个名为onTapDown的回调函数和另一个名为onTapUp的回调函数不重叠?

来自FutureProvider的数据只打印两个不同的变量,它们对一个实例只有一次相同的值,为什么?

IsScrollable为True时如何删除Flutter 选项卡栏左侧填充

如何在表格日历标题下方添加文本?

来自FirebaseAuth的错误DisplayName和邮箱在Flutter应用程序中给出错误

怎么才能像这样在摆动着这些曲线呢?

Supabase Auth:重定向到 Google.com 而不是我的应用程序

Flutter ImagePicker - 在 onPressed 中异步获取图像显示 lint 警告

具有 BLOC 和存储库模式的 Flutter Workmanager

应用程序和应用程序内的 webview 之间的单点登录

Flutter snapShot.hasData 为假但响应有数据

无效的 depfile: C:\xxx\xxx\Flutter\project_name\.dart_tool\flutter_build\df4b308df1ee4bce22c56c71751554d1\kernel_snapshot.d 无效

如何修复int类型不是String类型的子类型

如何使用 Navigator 2.0 导航到任何页面?

type '_InternalLinkedHashMap' 不是使用 http 包的'String' 类型的子类型

如何将所有行项目平等地放在一行中?Flutter

如何在 IntroductionScreen 小部件 Flutter 中制作全屏渐变色

单击列表视图导航到 Flutter 中的另一个页面