在Flutter中使用堆栈,然后使用弹性定位器进行布局?

时间:2019-12-17 01:29:25

标签: flutter dart flutter-layout

要弄清楚如何在带有图像和标题的Stack下添加一些内容非常困难。我创建了一个唯一的标题,该标题覆盖了图像和标题。我使用Stack来做到这一点。然后,我有很多内容本来是一个灵活的小部件。一旦将所有内容包装在用于标题的Stack中,我似乎无法修复其余内容。我所拥有的一切都是原始内容,由于Stack,所有内容现在都被推到了页面顶部。 Flutter似乎不允许两个布局,因此我不能堆叠两个项目,然后让其余项目保持灵活并使用其余空间进行布局。我不知道如何解决此问题,它当前仅在运行时提供错误。我尝试的一切都会出错。我尝试将内容包装在“ Flexible”(灵活)下的容器中,并指定底部居中位置,但这也不起作用...任何建议都将不胜感激。

谢谢!

    @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: 
      new Stack(children: <Widget>[
        _buildIamge(),
        _buildTopHeader(),
        new Flexible(
            child: new ListView.builder(
          padding: new EdgeInsets.all(8.0),
          reverse: true,
          itemBuilder: (_, int index) => _messages[index],
          itemCount: _messages.length,
        )),
        new Divider(height: 1.0),
        new Container(
          decoration: new BoxDecoration(color: Theme.of(context).cardColor),
          child: _buildTextComposer(),
        ),
      ]),
    );

更新: 我已经包含了带有标题的页面图像以及试图放置标题的页面图像,这是聊天输入屏幕的一部分:

App with Header Chat input screen

0 个答案:

没有答案