A RenderFlex 右侧溢出 1.3 个像素答案

【问题标题】：A RenderFlex overflowed by 1.3 pixels on the rightA RenderFlex 右侧溢出 1.3 个像素
【发布时间】：2022-01-04 18:53:14
【问题描述】：

Column(
  children: [
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Text(
          Cart().freeDeliveryString,
          style: Theme.of(context).textTheme.headline4,
        ),
        ElevatedButton(
          onPressed: () {
            Navigator.pushNamed(context, '/');
          },
          style: ElevatedButton.styleFrom(
            primary: Colors.black,
            shape: RoundedRectangleBorder(),
            elevation: 0,
          ),
          child: Text(
            'Add More İtems',
            style:
              Theme.of(context).textTheme.headline4!.copyWith(
                color: Colors.white,
              ),
          ),
        ),
      ],
    ),
  ],
),

【问题讨论】：

请查看"How to ask a good question" 文章以改进您的问题并提高获得好答案的机会。
This documentation 将成为您的宝贵资源。

标签： flutter dart visual-studio-code mobile flutter-layout

【解决方案1】：

尝试使用 Expanded 小部件包装您的行的任何一个或两个子级

仅用Expanded 小部件包装您的Text 小部件就足以解决您的错误。

   Column(
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              child: Text(
                'Cart().freeDeliveryString',
                style: Theme.of(context).textTheme.headline4,
              ),
            ),
            ElevatedButton(
              onPressed: () {
                Navigator.pushNamed(context, '/');
              },
              style: ElevatedButton.styleFrom(
                primary: Colors.black,
                shape: RoundedRectangleBorder(),
                elevation: 0,
              ),
              child: Text(
                'Add More İtems',
                style: Theme.of(context).textTheme.headline4!.copyWith(
                      color: Colors.white,
                    ),
              ),
            ),
          ],
        ),
      ],
    );

【讨论】：