Flutter布局:在网格上方添加文本

时间:2019-01-14 22:08:51

标签: flutter

在我的程序中,我重用了flutter_gallery演示中完成的部分工作:https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/pesto_demo.dart

更准确地说,我正在重用创建RecipeGridPage的方法。 它工作正常,但我现在想在网格上方添加一个文本小部件。 我已经用过这样的东西:

Column(
  children: <Widget>[
    Text('BlaBlaBla'),
    RecipeGridPage(recipes: kPestoRecipes),
  ],
)

但是出现以下错误: “ RenderCustomMultiChildLayoutBox对象在布局期间被赋予了无限大小”。

我应该在哪个小部件中包装RecipeGridPage以便能够在网格上方添加单个Text?

谢谢!

1 个答案:

答案 0 :(得分:0)

尝试使用<form #f="ngForm"> <child-component [formGroupName]="'user1'" [user]="object1"></child-component> <child-component [formGroupName]="'user2'" [user]="object2"></child-component> </form> <pre>{{f.value|json}} </pre> ,只需根据需要更改填充:

Stack

更新

这是您可以尝试的另一种解决方案,您将必须在文件的第97行中添加标头:https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/pesto_demo.dart

这是一个基本示例:

    Stack(
            children: <Widget>[
              Text('BlaBlaBla'),
              Padding(
                padding: EdgeInsets.all(20.0),
                child: RecipeGridPage(recipes: kPestoRecipes),
              )
            ],
          ),