使用SingleChildScrollView时的堆栈小部件错误

Question

我有此代码作为配置文件屏幕，我需要它才能在此代码示例上填写类似“ HELLO”的文本。但是当我在其中放入很多文本时，屏幕就会溢出。问题是每次我放置SingleChildScrollView以避免溢出时，我都会遇到另一个错误。请告诉我如何解决此问题。

  @override
  Widget build(BuildContext context) {
    return Container(
        child: SafeArea(
          child: FutureBuilder<Profile>(
            future: dataService.getHttp(),
            builder: ...
          ),
        ),
    );
  }

  Widget _buildView(detail) {
    return Stack(
        alignment: Alignment.center,
        children: <Widget>[
          Column(
            children: <Widget>[
              Container(
                height: 200.0,
                child: Center(
                  child: Image.network( 
                    'https://i.imgur.com/2F3Al82.jpg', 
                    fit: BoxFit.cover,
                    height: double.infinity,
                    width: double.infinity,
                  ),
                ),
              ),
              Padding(
                padding: EdgeInsets.fromLTRB(0.0, 50.0, 0.0, 0.0),
              ),
              Expanded(
                child: Container(
                  color: Colors.white,
                  child: Column(
                    children: <Widget>[
                      Text('HELLO'),
                    ]
                  ),
                )
              ),
            ],
          ),
          Positioned(
            top: 150.0,
            child: Container(
              height: 100.0,
              width: 100.0,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                image: new DecorationImage(
                  fit: BoxFit.fill,
                  image: NetworkImage('https://i.imgur.com/2F3Al82.jpg'),
                ),
              ),
            ),
          )
        ],
    );
  }

这是错误

Answer 1

由于Expanded小部件，您收到此错误。如果删除SingleChildScrollView小部件，Expanded允许无限的高度，并且展开将占用尽可能多的空间，这两个问题是不兼容的。如果您想在该容器周围留一些空间，建议使用Containers margin属性。