AppBar中出现了ARenderFlexoverflowedontheright错误提示 _编程开发

AppBar中出现了ARenderFlexoverflowedontheright错误提示

创始人

2024-09-09 22:02:00

0次

这种类型的错误通常意味着在Appbar中添加的某个控件太大，不能适应应用栏宽度。解决此问题的最佳方法是使用PreferredSize控件来明确指定AppBar的高度和宽度限制。在下面的示例中，我们通过将PreferredSize控件包装在AppBar中来解决此问题。

AppBar(
  title: Text('MyApp'),
  bottom: PreferredSize(
    preferredSize: Size.fromHeight(50.0),
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween, //Spacing defaults to MainAxisAlignment.center
      children: [
        Text("Left"),
        Text("Right"),
      ],
    ),
  ),
);

在这个示例中，我们明确指定了AppBar底部的高度为50.0，并在Row控件中包含Left和Right字符串。PreferredSize控件将确保应用栏始终具有指定的高度和宽度限制。

如果您仍然无法解决这个问题，尝试使用Flexible或Expanded控件在AppBar中添加Flexbox支持。这将允许您在AppBar中添加自动调整大小的控件，以便它们适应AppBar的宽度。

上一篇：AppBar中BackButton的精确位置是什么？kToolbarHeight偏移了4像素吗？

下一篇：Appbar中的按钮无法点击。

AppBar中出现了ARenderFlexoverflowedontheright错误提示

相关内容

热门资讯