SinglePageScrollView无法在 Flutter 模式下工作

hgb9j2n6  于 2022-12-19  发布在  Flutter
关注(0)|答案(2)|浏览(186)

我现在正在学习flutter,我的SinglePageScrollView不工作,请帮助我,我一直在尝试解决它,因为10个小时,我只是现在酿造。
这是我的代码btw

SingleChildScrollView(
            child: Container(
              child: Column(
                children: [
                  Column(
                    children: [
                      Column(
                        children: [
                          Container(
                            width: MediaQuery.of(context).size.width,
                            child: Image.asset("assets/images/img.jpg"),
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 5),
                            alignment: Alignment.center,
                            width: MediaQuery.of(context).size.width,
                            child: const Text(
                              "Hii, This is what i probably uploaded",
                              style: TextStyle(
                                fontSize: 20,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          Divider(color: Colors.black)
                        ],
                      )
                    ],
                  ),
                  Column(
                    children: [
                      Column(
                        children: [
                          Container(
                            width: MediaQuery.of(context).size.width,
                            child: Image.asset("assets/images/img.jpg"),
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 5),
                            alignment: Alignment.center,
                            width: MediaQuery.of(context).size.width,
                            child: const Text(
                              "Hii, This is what i probably uploaded",
                              style: TextStyle(
                                fontSize: 20,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          Divider(color: Colors.black)
                        ],
                      )
                    ],
                  ),
                ],
              ),
            ),
          )

顺便说一下,***SingleChildScrollView***是***行***小工具的子级

mcvgt66p

mcvgt66p1#

你的代码运行得很好,只有一个小错误,
SingleChildScrollview总是需要一些高度来表示我们想要滚动子部件的区域。
您的专栏中有2个小部件
1.行
1.单个子滚动视图
您希望在“列”区域(“行”区域除外)中滚动子小部件,因此请将其包含在“展开”区域中

Expanded(
  child: SingleChildScrollView(
….
wnvonmuf

wnvonmuf2#

行必须有子级,或者容器中有未闭合的括号。

return Scaffold(
  appBar: AppBar(),
  body: Column(
    children: [
      Row(
        children: [
          SingleChildScrollView(
            child: Container(),
          )
        ],
      )
    ],
  ),
);

return Scaffold(
  appBar: AppBar(),
  body: Column(
    children: [
      Row(),
      SingleChildScrollView(
        child: Container(),
      ),
    ],
  ),
);

相关问题