首页 > 解决方案 > 颤振删除列中小部件之间的空间

问题描述

嗨,我在modalRoute里面有列,但在小部件之间它有垂直空间,如分隔线,我modalRoute black.Withtransparent的透明color使小部件之间有一个分隔线,如何删除该空间?

return SlideTransition(
position: panelDetailsPosition,
child: GestureDetector(
  onTap: () {
    FocusScope.of(context).requestFocus(FocusNode());
  },
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.stretch,
    children: <Widget>[
      GestureDetector(
        onVerticalDragUpdate: _handleDragUpdate,
        onVerticalDragEnd: _handleDragEnd,
        behavior: HitTestBehavior.opaque,
        child: Container(
            margin: EdgeInsets.only(top: 50.0),
            height: 47.0,
            child: Container(
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(25.0),
                      topRight: Radius.circular(25.0)),
                  color: Colors.white),
              child: Padding(
                padding:
                    const EdgeInsets.fromLTRB(180.0, 20.0, 180.0, 20.0),
                child: Container(
                    decoration: BoxDecoration(
                        color: Colors.grey[300],
                        borderRadius: BorderRadius.all(
                            const Radius.circular(8.0)))),
              ),
            )),
      ),
      Expanded(
        child: PageView(
          controller: _pageViewController,
          // physics: NeverScrollableScrollPhysics(),
          children: <Widget>[
            pageViewItem(),
            pageViewDeskripsi(),
            pageViewItemPilihan()
          ],
        ),
      ),
      Row(
        children: <Widget>[
          Expanded(
            child: Container(
                color: CompanyColors.primary,
                child: Center(
                  child: InkWell(
                    child: Padding(
                      padding: const EdgeInsets.all(15.0),
                      child: Text(
                        "Add to Cart",
                        style: TextStyle(
                            color: Colors.white, fontSize: 20.0),
                      ),
                    ),
                    onTap: () {
                      gotToPilihan();
                    },
                  ),
                )),
          )
        ],
      )
    ],
  ),
),

在此处输入图像描述

这是当我更改容器颜色以检查它的哪一部分时

- 浅蓝色容器

- 没有颜色的容器(背景来自推送 ModalRoute 之前的其他页面)

- 带绿色的容器

在此处输入图像描述

标签: flutterflutter-layout

解决方案


这是 Flutter 的一个已知问题,Github 上有更多详细信息:#14288。有一些解决方法,但没有一个始终有效。


推荐阅读