【问题标题】：Absolute positioning of text on a container - flutter文本在容器上的绝对定位 - flutter
【发布时间】：2022-12-17 09:22:35
【问题描述】：

我想绝对定位容器上的文本。


    return Container(
      height: 150,
      width: 150,
      decoration: BoxDecoration(
          color: Color(0xE5E5EAee), borderRadius: BorderRadius.circular(20)),
      child: Text('Camping'),
    );

This is the present image This is what need to be acheived

是否尝试使用“对齐定位”依赖项来定位它。但陷入了同样的结果。

【问题讨论】：

标签： flutter position flutter-dependencies absolute absolutelayout

【解决方案1】：

用 Align 小部件包裹 Text 小部件，并按照以下代码进行对齐

 Container(
       height: 150,
       width: 150,
       decoration: BoxDecoration(
          color: Color(0xE5E5EAee), borderRadius: 
      BorderRadius.circular(20)),
      child: Align(
          alignment: Alignment.bottomCenter, // ADD THIS
          child: Text('Camping')),
    ),

【讨论】：

【解决方案2】：

您可以试试这个，使用 Stack 并根据需要将 Text 与小部件 Positioned 一起定位，Positioned 有 4 个属性用于定位顶部、右侧、底部和左侧，您可以将小部件定位在任何位置想。

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 150,
      width: 150,
      decoration: BoxDecoration(
          color: Color(0xE5E5EAee), borderRadius: BorderRadius.circular(20)),
      child: Stack(
        children: [
          Positioned(
            top: 120,
            left: 48,
            child: Text('Camping'))
          ,
        ],
      ),
    );
    ;
  }
}

【讨论】：