flutter - 不知道如何锁定小部件的中心并将其与其他小部件分开

Question

我正在创建一个带有主菜单和不同小游戏的应用程序，我从 Flutter 开始，所以我不明白如何正确管理小部件，在这种情况下，我已经简化了代码，因为我想要的是了解层次结构，以及如何正确放置小部件

child: Scaffold(
    body: Container( 
            child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
                Flexible(
                flex: 1,
                child: Container(
        
                    child: Text(_element, style: new TextStyle( fontSize: 28.0, color: Colors.black), textAlign: TextAlign.center,
                    ),
                ),
                ),
                Flexible(
                flex: 1, 
                child: Container(
                    child: ElevatedButton(
                    child: Text('Next', style: new TextStyle( fontSize: 100.0, color: Colors.black)),
                    onPressed: () {
                        getNextElement();
                    },
                    ),

                ),
                ),
            ],
            ),
        ),
    )

使用此代码，我得到以下信息：

我有的

我想了解如何正确使用小部件以及按什么顺序使用。我的问题是我想要底部的按钮和中心的文本，当我按下按钮时，文本会发生变化，所以当它是一个较长的短语时，文本容器的大小会发生变化并扩展到它的顶部但不改变宽度，但我希望它居中，当文本更大时，我希望它像这样向上和向下扩展：

客观的：

标签： flutterdartwidget