我如何将ListView放在带填充的脚手架下面？

Question

我对颤振还很陌生，我一直在尝试为我的应用设置个人资料页面，但似乎我不太了解这些颤振小部件是如何组合在一起的，如果我的问题很愚蠢，我深表歉意，但是我一直在谷歌上搜索，但未能成功。所以基本上，我有一个脚手架，上面装有一个应该显示个人资料信息（电子邮件，姓名等）的容器，在该容器下我想放置一个列表视图，但是扑朔迷离让我望而却步，我似乎无法了解布局如何协同工作，这是我的代码。当我尝试执行buildPage（）时，出现一个错误，指出脚手架具有无限大小，仅使用buildBox（）即可。我不确定该怎么做。感谢您的帮助

    import 'package:flutter/material.dart';

    class ProfileBox extends StatefulWidget {
      final String userEmail;
      const ProfileBox(this.userEmail);

      @override
      _ProfileBoxState createState() => _ProfileBoxState();
    }

    class _ProfileBoxState extends State<ProfileBox> {


      @override
      Widget build(BuildContext context) {
       return _buildPage();
      }



      Widget _buildBox(){
     return Scaffold(
          body: Align(
            alignment: Alignment.topCenter,
            child: LayoutBuilder(
              builder: (BuildContext context, BoxConstraints constraints) {
                return Container(
                      margin: const EdgeInsets.only(top: 20.0),
                      decoration: BoxDecoration(
                      color: Color(0xFF8185E2), border: Border.all(
                      color: Color(0xFF8185E2),
                      ),
                      borderRadius: BorderRadius.all(Radius.circular(20))
                      ),
                  height: constraints.maxHeight / 2.5,
                  width: MediaQuery.of(context).size.width -  (MediaQuery.of(context).size.width * 5)/100,
                   child: Center(
            child: Text(
             widget.userEmail,
              textAlign: TextAlign.center,
            ),
          ),
                );
              },
            ),
          ),
        );
      }


      Widget _buildPage()
      {
        return Column(children: <Widget>[
          _buildBox(),
          _buildList(),

        ],);

      }

      Widget _buildList()
      {
         return ListView(
            children: <Widget>[
              ListTile(
                title: Text('Sun'),
              ),
              ListTile(
                title: Text('Moon'),
              ),
              ListTile(
                title: Text('Star'),
              ),
            ],
          );
      }

}

Answer 1

我刚刚用Scaffold修改了您的代码，将顶部小部件放在SafeArea之前，请检查下面的代码。

Answer 2

Scaffold小部件应该是包含Column小部件和所有子级小部件的顶部小部件。我认为您可以开始学习如何在Flutter中布局Widget，以便更多地了解Widget的工作方式，并且最好的位置是：https://flutter.dev/docs/development/ui/layout#lay-out-a-widget