如何使文本占用容器中的所有空间[重复]

Question

在上图中， 如果使用 FittedBox，则文本仅在水平形状中对齐和调整大小。

如果不使用 FittedBox 则文本从容器中流出

如何动态改变文字大小，让文字占据所有可用空间

Container(
                  margin: EdgeInsets.all(10),
                  width: double.infinity,
                  height: MediaQuery.of(context).size.height * 0.6,
                  child: FittedBox(
                    child: Text(
                      "Click Here Click Here Click Here Click Here Click Here Click Here Click Here ",
                      overflow: TextOverflow.ellipsis,
                      
                      textAlign: TextAlign.center,
                      style: TextStyle(
                        fontSize: 60,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ),
                  decoration: BoxDecoration(
                    color: Colors.orange,
                    borderRadius: BorderRadius.circular(20),
                  ),
                ),

Answer 1

你已经给容器无限的宽度，你应该给它一个宽度，然后文本组件会自动换行。

Container(
width: MediaQuery.of(context).size.width,
...