我正在使用flutter_swiper库。
我正在尝试通过从左侧伸出的溢出小部件(容器)来实现类似轻扫的火种。它可以正常工作,但flutter_swiper库会裁剪当前所选幻灯片的溢出。看到图像以获得更好的信息:
这是我的代码:
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")),
)),
),
)