首页 > 解决方案 > 有问题的具体 RenderFlex 是:RenderFlex#1c11f OVERFLOWING

问题描述

我试图在 Column 中添加一堆小部件,而根小部件是 Material。简单的代码抛出错误,我不明白它为什么会导致错误。我的代码是:

import 'dart:math';

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: Container(
        child: Column(
          children: [
            Text('234')
          ],
        ),
      )
    );
  }
}

错误是:


════════ Exception caught by rendering library ═════════════════════════════════
A RenderFlex overflowed by 99263 pixels on the bottom.
The relevant error-causing widget was
    Column 
lib\main.dart:14
The specific RenderFlex in question is: RenderFlex#1c11f OVERFLOWING
════════════════════════════════════════════════════════════════════════════════
Reloaded 1 of 513 libraries in 707ms.

我的代码有什么问题?

标签: fluttercompiler-errorsflutter-layout

解决方案


这里的问题是,您的 Column 具有无限的高度。

你可以做的一些事情:

  • 把所有东西都放在一个Scaffold body
  • height属性添加到您的Container
  • mainAxisSize: MainAxisSize.minColumn

推荐阅读