如何使用 SingleChildScrollView Flutter 在列之间添加空 space

Question

并且我使用了一个列，其中还有 2 列，并使用 MainAxisAlignment.spaceBetween 属性对齐它们，以便它们之间有一个空的 space。但是在小屏幕上，我没有足够的 space 用于所有小部件，因此我决定添加一个 SingleChildScrollView 以允许滚动。但是我运行遇到了一个问题，即列之间的空 space 消失了。告诉我如何添加滚动并在列之间保持空白 space？

代码

Expanded(
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Column(
                children: [
                  const Divider(
                    color: constants.Colors.greyMiddle,
                    height: 1,
                  ),
                  _createDrawerItem(
                      SvgPicture.asset(
                        constants.Assets.profile,
                      ),
                      'My Profile'),
                  const Divider(
                    color: constants.Colors.greyMiddle,
                    height: 1,
                  ),
                  _createDrawerItem(SvgPicture.asset(constants.Assets.profile),
                      'My Preferences'),
                  const Divider(
                    color: constants.Colors.greyMiddle,
                    height: 1,
                  ),
                  _createDrawerItem(
                      SvgPicture.asset(constants.Assets.dashboard),
                      'Dashboard'),
                  const Divider(
                    color: constants.Colors.greyMiddle,
                    height: 1,
                  ),
                  _createDrawerItem(
                      SvgPicture.asset(constants.Assets.wallet), 'Wallet'),
                  const Divider(
                    color: constants.Colors.greyMiddle,
                    height: 1,
                  ),
                ],
              ),
              // const Spacer(),
              Padding(
                padding: const EdgeInsets.only(bottom: 19),
                child: Column(
                  children: [
                    _createDrawerItem(SvgPicture.asset(constants.Assets.invite),
                        'Invite & Earn !',
                        horPadding: 11),
                    _createDrawerItem(
                        SvgPicture.asset(constants.Assets.settings), 'Settings',
                        horPadding: 11),
                  ],
                ),
              ),
            ],
          ),
        ),
      );

已添加 SingleChildScrollView

没有 SingleChildScrollView

Answer 1

Column(
  children: [
    ....
  ]
),
SizedBox(
  height: 100,//custom height
),
Column(
  children: [
    ....
  ]
),

或

Column(
  children: [
    ....
  ]
),
Padding(
    padding: EdgeInsets.only(top:100),
    Column(
      children: [
        ....
      ]
    ),
),

Answer 2

如果你使用 SingleChildScrollView ，但是 (mainAxisAlignment: MainAxisAlignment.spaceBetwen) 不能使用。

现在使用 SizeBox()，使用 Height 将不再是响应式问题

如何使用 SingleChildScrollView Flutter 在列之间添加空 space

How to add empty space between columns using SingleChildScrollView Flutter

flutter

dart

flutter-layout