使用 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邊距屬性。