Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 在圆形框装饰中添加文本小部件_Flutter_Grid Layout - Fatal编程技术网

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面临的问题。您好。发布容器的父级。您还可以共享当前正在发生的事情的屏幕截图。还需要更好地解释您希望以不同方式实现的目标。