flex是在列内布局小部件的好方法吗？

Question

初学者在这里。我的栏中基本上有三个小部件：居中的文本和按钮小部件，然后在屏幕的最底部，是另一个文本。

到目前为止，我仅通过创建两个Expanded来实现：一个Expanded：一个包含前两个具有较大伸缩性的小部件（在新Column内）（5）。 另一个Expanded包含一个Align小部件，其中包含需要在底部固定的Text小部件。

这真的安全吗？我相当随机地选择了flex值，这就是为什么我认为可能还有另一种解决方案的原因。

非常感谢您。

Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Expanded(
          flex: 10,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                'App',
                textAlign: TextAlign.center,
                style: TextStyle(color: Colors.white),
              ),
              SizedBox(
                height: 30,
              ),
              Padding(
                padding: const EdgeInsets.all(20.0),
                child: StartButton(),
              ),
            ],
          ),
        ),
        Expanded(
          flex: 2,
          child: Align(
            alignment: FractionalOffset.bottomCenter,
            child: Padding(
              padding: const EdgeInsets.symmetric(vertical: 50.0),
              child: Text(
                'TIMER',
                style: TextStyle(color: Colors.white),
              ),
            ),
          ),
        ),
      ],
    );