又抛出了一个异常：A RenderFlex 右边溢出了 3.0 像素

Posted 2023-02-23

【中文标题】又抛出了一个异常：A RenderFlex 右边溢出了 3.0 像素

【英文标题】：Another exception was thrown: A RenderFlex overflowed by 3.0 pixels on the right

【发布时间】：2021-12-11 07:52:18

【问题描述】：

当我使用 Flutter 列出餐厅时，我收到以下错误消息：

Another exception was thrown: A RenderFlex overflowed by 3.0 pixels on the right

源代码：

Padding(
    padding: const EdgeInsets.all(0),
    child: ClipRRect(
        borderRadius: BorderRadius.circular(20.0),
        child: Stack(
          children: <Widget>[
            Positioned.fill(
                child: Align(
              alignment: Alignment.center,
              child: Container(height: 210, child: Loading()),
            )),
            Center(
              child: FadeInImage.memoryNetwork(
                  placeholder: kTransparentImage, image: restaurant.image),
            )
          ],
        )),
);

【问题讨论】：

@Kebson [错误：flutter/lib/ui/ui_dart_state.cc(199)] 未处理的异常：NoSuchMethodError：方法 '[]' 在 null 上调用。 E/flutter（15652）：接收者：null E/flutter（15652）：尝试调用：[]（“id”

new RestaurantModel.fromSnapshot (package:foodapp/models/restaurant.dart:43:24) E/flutter (15652): #2 RestaurantServices.getRestaurantById. (package:foodapp/helpers /restaurantHelpers.dart:22:32)

E/flutter (15652): #5 RestaurantProvider.loadSingleRestaurant (package:foodapp/providers/restaurantProvider.dart:22:18) E/flutter (15652): E/flutter (15652)：又抛出一个异常：A RenderFlex 右侧溢出 2.0 像素。

【参考方案1】：

您可以将其包装在一个灵活的小部件中

Flexible(child: 
Padding(
padding: const EdgeInsets.all(0),
        child: ClipRRect(
            borderRadius: BorderRadius.circular(20.0),
            child: Stack(
              children: <Widget>[
                Positioned.fill(
                    child: Align(
                  alignment: Alignment.center,
                  child: Container(height: 210, child: Loading()),
                )),
                Center(
                  child: FadeInImage.memoryNetwork(
                      placeholder: kTransparentImage, image: restaurant.image),
                )
              ],
            )),
      );

【讨论】：

我把灵活但没有改变 Kebson [错误：flutter/lib/ui/ui_dart_state.cc(199)] 未处理的异常：NoSuchMethodError：方法 '[]' 在 null 上被调用。 E/flutter（15652）：接收者：null E/flutter（15652）：尝试调用：[]（“id”）