Flutter - 右溢出答案

【问题标题】：Flutter - Right overflowedFlutter - 右溢出
【发布时间】：2020-12-30 08:06:00
【问题描述】：

当我放置一个 Text 小部件仅用于测试时，程序显示“A RenderFlex 在右侧溢出了 34 个像素。”。我试图将文本放入容器中，但它也不起作用。看打印：

CupertinoPageScaffold(
    navigationBar: CupertinoNavigationBar(
      middle: Row(
        children: <Widget>[
          Expanded(
            child: Padding(
              padding: EdgeInsets.fromLTRB(10.0, 0.0, 0.0, 0.0),
              child: CupertinoTextField(
                prefix: Padding(
                  padding: EdgeInsets.fromLTRB(5.0, 0.0, 0.0, 0.0),
                  child: Icon(
                    IconData(0xF4A4,
                        fontFamily: "CupertinoIcons",
                        fontPackage: CupertinoIcons.iconFontPackage),
                    color: CupertinoColors.darkBackgroundGray,
                  ),
                ),
                placeholder: 'O que você procura?',
              ),
            ),
          ),
          Padding(
            padding: EdgeInsets.fromLTRB(5.0, 0.0, 5.0, 0.0),
            child: FittedBox(
              fit: BoxFit.contain,
              child: CupertinoButton(
                child: Icon(
                    IconData(0xF370,
                        fontFamily: "CupertinoIcons",
                        fontPackage: CupertinoIcons.iconFontPackage),
                    size: 80.0,
                    color: CupertinoColors.black),
                onPressed: () {},
              ),
            ),
          ),
        ],
      ),
      backgroundColor: CupertinoColors.systemGroupedBackground,
    ),
    child: Text("Teste"),
  );

【问题讨论】：

标签： flutter dart flutter-cupertino

【解决方案1】：

它对我来说编译得很好。但是考虑将文本放在Column 或Expanded 小部件中，某些东西会尝试占用所有可用空间。（Text 小部件只会变得尽可能大，可能会出现问题，直接将其弹出到 CupertinoPageScaffold）

【讨论】：