使用 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边距属性。