flutter - 包装列时SingleChildScrollView无法正常工作

Question

我试图显示一个对话框，其中包含有关某张卡的一些信息，请点击该对话框
即时通讯试图建立一些东西，只有 body 的一部分可以移动，而不是整个对话框
以下是我在视觉效果中的意思...(由于隐私原因，我需要模糊一些数据)
下面是我的代码的一部分，

....
Column(children : [ Divider (...
                                 ),
                    SingleChildScrollView(
                      child: Container(
                        child: Column(
                          children: [
                            Padding(
                              padding: const EdgeInsets.all(5.0),
                            ),
                            Center(
                              child: Padding(
                                padding: const EdgeInsets.only(
                                    left: 16.0, right: 16.0, top: 5.0),
                                child: Container(
                                  decoration: BoxDecoration(
                                      border: Border.all(
                                          color: Colors.white,
                                          style: BorderStyle.solid)),
                                  child: Column(
                                    children: [
                                      Padding(
                                        padding: const EdgeInsets.all(5.0),
                                        child: Text(
                                          bibletitle
                                              .split(
                                                  new RegExp(r'(?:\r?\n|\r)'))
                                              .where(
                                                  (s) => s.trim().length != 0)
                                              .join(' '),
                                          style: TextStyle(
                                              color: Colors.yellow[600],
                                              fontSize: 25,
                                              fontFamily: 'Bebas Neue'),
                                        ),
                                      ),
                                      Padding(
                                        padding: const EdgeInsets.all(10.0),
                                        child: Text(
                                          mainbibleverse,
                                          style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 15,
                                              fontStyle: FontStyle.italic),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ),
                            Padding(
                              padding: const EdgeInsets.all(12.0),
                              child: Text(
                                notes,
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 18,
                                  fontFamily: 'Spartan'
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                   ])

如何添加滚动条？我只希望滚动发生在红色框上

Answer 1

如果您希望滚动部分将剩余空间留在父级中，则应将其包装在Expanded小部件中，这样可以解决当前问题。

Expanded(
  child: SingleChildScrollView(),
)