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