我一直在使用Flutter和旋转木马滑块包来创建一个3图像https://pub.dev/packages/carousel_slider的图像滑块然而,我想添加一个按钮上的图像顶部的每个滑块上,你会看到在电子商务应用程序,例如“现在购物”销售等。如:
class _MainScreenState extends State<MainScreen> {
final featuredImages = [
'lib/assets/images/elitefeatured.jpg',
'lib/assets/images/guabafeatured.jpg',
'lib/assets/images/eliteclubfeatured.jpg'
];
@override
Widget build(BuildContext context) { //extra non-relevant code in here
Padding(
padding: EdgeInsets.only(
top: 85,
),
child: SizedBox(
width: 450,
height: 300,
child: CarouselSlider(
options: CarouselOptions(
autoPlay: true,
),
items: featuredImages.map((featuredImage) {
return Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Image.asset(featuredImage),
);
}).toList(),
),
),
),
}
2条答案
按热度按时间jdzmm42g1#
有两个重要的想法:
1.使用
Stack
小部件显示左右箭头1.使用
CarouselController
以编程方式控制carousel在代码中:
tmb3ates2#
我添加了因素,以前移动图标
并添加了逻辑,只有在有移动项时才显示图标