flutter_swiper剪辑像刮水器一样溢出火种

时间:2019-11-06 16:33:02

标签: flutter dart flutter-layout

我正在使用flutter_swiper库。 我正在尝试通过从左侧伸出的溢出小部件(容器)来实现类似轻扫的火种。它可以正常工作,但flutter_swiper库会裁剪当前所选幻灯片的溢出。看到图像以获得更好的信息: enter image description here

这是我的代码:

Container(
                height: remW(1.7),
                child: Swiper(
                  loop: false,
                  indicatorLayout: PageIndicatorLayout.WARM,
                  itemBuilder: (BuildContext context, int index) {
                    return Container(
                      margin: EdgeInsets.only(bottom: 30, top: 2),
                      height: remW(2),
                      decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.all(Radius.circular(10)),
                          boxShadow: [
                            BoxShadow(
                              color: Colors.black.withOpacity(0.5),
                              blurRadius: 4.0,
                            ),
                          ]),
                      child: Column(
                        children: <Widget>[
                          Row(
                            children: <Widget>[
                              Container(
                                height: remW(10),
                                width: remW(10),
                                child: Stack(
                                  overflow: Overflow.visible,
                                  children: <Widget>[
                                    Positioned(
                                      bottom: 6,
                                      child: Container(
                                        height: remW(10),
                                        width: remW(10),
                                        decoration: BoxDecoration(
                                            color: Colors.black,
                                            borderRadius:
                                                BorderRadius.circular(8)),
                                      ),
                                    )
                                  ],
                                ),
                              )
                            ],
                          )
                        ],
                      ),
                    );
                  },
                  itemCount: 10,
                  viewportFraction: 0.3,
                  scale: 0.65,
                  pagination: new SwiperPagination(
                      margin: new EdgeInsets.fromLTRB(5.0, 30, 5, 5),
                      builder: new DotSwiperPaginationBuilder(
                        color: Colors.grey[300],
                        activeColor: Color(getColorHexFromStr("#0D7746")),
                      )),
                ),
              )

0 个答案:

没有答案