等效于layout_gravity =“ bottom”

Question

我正在尝试渲染this。

在使用XML的普通android系统中，我可以将任何部分粘贴到另一个视图的任何一侧。如果我使用的是ConstraintLayout，则可以使底部固定在父级的底部，并让顶部扩展到可用的高度。

dribbble sample

两个仿真器上的设计都是Flutter代码。 在较大的屏幕上，底部有一些空白。我该如何删除？

当前，我正在将Flexible与flex值一起使用，但是看起来不正确。如何使这种反应性？ Flexible的使用正确吗？

可以找到代码

Answer 1

尝试像这样更改CalculatorPrototype的构建函数

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisSize: MainAxisSize.min, // actually this line and the next one doesn't needed
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: <Widget>[
          Expanded(
            child: display,
          ),
          Container(
            child: keypad,
          ),
        ],
      ),
    );
  }

Answer 2

在Flutter中没有像android:layout_gravity这样的东西，但是在Flutter中您几乎可以实现任何目的。因此，在这里您可以使用use Spacer()。喜欢：

return Column(
  children: <Widget>[
    Spacer(),
    Align(alignment: Alignment.centerRight, child: Text("123")),
    YourButtonsWidget(),
  ],
);