flutter - 如何在 Flutter 上使内容合理化为 flex-end，零底

Question

我想让文本小部件在 Flutter 上变成 Flex End。

这里是我的代码:

 return MaterialApp(
      title: 'Nature',
      home: Scaffold(
        appBar: AppBar(
          title: Text('John Doe'),
        ),
        body: Center(
          child: Text('Copyright © 2020'),
        ),
      ),

我希望我的小部件文本位于底部。

Answer 1

1. 选项一:屏幕上只有 Text()

return MaterialApp(
      title: 'Nature',
      home: Scaffold(
        appBar: AppBar(
          title: Text('John Doe'),
        ),
        body: Align(
          alignment: Alignment.bottomCenter,
          child: Text('Copyright © 2020'),
        ),
      ),
    );

1. 选项二:Text() 在底部，数据在屏幕上

return MaterialApp(
      title: 'Nature',
      home: Scaffold(
        appBar: AppBar(
          title: Text('John Doe'),
        ),
        body: ListView(
          shrinkWrap: true,
          children: [
            Container(
              height: MediaQuery.of(context).size.height - 50,
              // Your Screen Data Here
            ),
            Container(
              height: 50,
              child: Center(child: Text('Copyright © 2020')),
            ),
          ],
        ),
      ),
    );