Flutter 在圆形框装饰中添加文本小部件
我想在圆形框内添加文字装饰。我有下面的代码,但它的文本是半内半外的圆圈。如何调整它以确保文本始终保持在圆圈内?还有,我怎样才能使这个圆变大Flutter 在圆形框装饰中添加文本小部件,flutter,grid-layout,Flutter,Grid Layout,我想在圆形框内添加文字装饰。我有下面的代码,但它的文本是半内半外的圆圈。如何调整它以确保文本始终保持在圆圈内?还有,我怎样才能使这个圆变大 child: Container( padding: const EdgeInsets.all(12), child: Text( title, style: TextStyle(fontWeight: FontWeight.bold,fontSize: 16), ), decoration: B
child: Container(
padding: const EdgeInsets.all(12),
child: Text(
title,
style: TextStyle(fontWeight: FontWeight.bold,fontSize: 16),
),
decoration: BoxDecoration(
shape:BoxShape.circle,
image: DecorationImage(
image: returnImage(id),
fit: BoxFit.fill,
colorFilter: new ColorFilter.mode(Colors.black.withOpacity(0.5), BlendMode.dstATop),
),
),
),
用
ClipRRect
Container(
width: 100,
height: 100, // height should be equal to width
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50), // half of the width
image: DecorationImage(),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(50), // same as the Container
child: Text(),
),
);
若您想增加容器的大小,我建议您首先增加父窗口小部件的大小
但是为了获得正确的解决方案,请提供父窗口小部件结构。我不认为这是OP面临的问题。您好。发布容器的父级。您还可以共享当前正在发生的事情的屏幕截图。还需要更好地解释您希望以不同方式实现的目标。