|
|
import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
|
|
|
import 'package:new_recook/utils/headers.dart';
|
|
|
import 'package:new_recook/widget/home/rectIndicator.dart';
|
|
|
|
|
|
typedef BannerBuilder = Widget Function(BuildContext context, dynamic item);
|
|
|
|
|
|
class BannerListView<T> extends StatefulWidget {
|
|
|
final int delayTime; //间隔时间秒
|
|
|
final int scrollTime; //滑动耗时毫秒
|
|
|
final double height; //banner高度
|
|
|
final List<T>? data; //banner内容
|
|
|
final BannerBuilder builder;
|
|
|
final Color backgroundColor;
|
|
|
final double radius;
|
|
|
final EdgeInsets margin;
|
|
|
final Function(int)? onPageChanged;
|
|
|
BannerListView(
|
|
|
{Key? key,
|
|
|
required this.data,
|
|
|
this.delayTime = 4,
|
|
|
this.scrollTime = 400,
|
|
|
this.height = 200.0,
|
|
|
this.margin = const EdgeInsets.all(8),
|
|
|
this.radius = 0,
|
|
|
this.backgroundColor = Colors.transparent,
|
|
|
this.onPageChanged,
|
|
|
required this.builder})
|
|
|
: super(key: key);
|
|
|
|
|
|
@override
|
|
|
State<StatefulWidget> createState() {
|
|
|
return new BannerListViewState<T>(builder);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
class BannerListViewState<T> extends State<BannerListView> {
|
|
|
|
|
|
final BannerBuilder builder;
|
|
|
|
|
|
BannerListViewState(this.builder);
|
|
|
|
|
|
@override
|
|
|
void initState() {
|
|
|
super.initState();
|
|
|
}
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
return Container(
|
|
|
margin: widget.margin,
|
|
|
height: widget.height,
|
|
|
color: widget.backgroundColor,
|
|
|
child: ClipRRect(
|
|
|
borderRadius: BorderRadius.all(Radius.circular(widget.radius)),
|
|
|
child: widget.data == null || widget.data!.length == 0
|
|
|
? Container()
|
|
|
:
|
|
|
_homeSwiper()
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
List<Widget> _buildBanners(BuildContext context) {
|
|
|
List<Widget> banners = [];
|
|
|
widget.data!.forEach((data) {
|
|
|
banners.add(widget.builder(context, data));
|
|
|
});
|
|
|
return banners;
|
|
|
}
|
|
|
|
|
|
|
|
|
Widget _homeSwiper() {
|
|
|
return Container(
|
|
|
width: double.infinity,
|
|
|
height: 320.w,
|
|
|
child: AspectRatio(
|
|
|
aspectRatio: 375 / 160,
|
|
|
child: Swiper(
|
|
|
key: UniqueKey(),
|
|
|
itemBuilder: (BuildContext context, int index) {
|
|
|
return _buildBanners(context)[index];
|
|
|
},
|
|
|
index: 1,
|
|
|
duration: 2,
|
|
|
onIndexChanged: (int index){
|
|
|
if (widget.onPageChanged != null) {
|
|
|
widget.onPageChanged!(index);
|
|
|
}
|
|
|
},
|
|
|
pagination: SwiperPagination(
|
|
|
alignment: Alignment.bottomRight,
|
|
|
builder: SwiperCustomPagination(
|
|
|
builder: (BuildContext context, SwiperPluginConfig config) {
|
|
|
return RectIndicator(
|
|
|
position: config.activeIndex,
|
|
|
count: widget.data!.length,
|
|
|
activeColor: Color(0x99FFFFFF),
|
|
|
color: Color(0xD9FFFFFF),
|
|
|
//未选中 指示器颜色，选中的颜色key为Color
|
|
|
width: 4,
|
|
|
//指示器宽度
|
|
|
activeWidth: 14,
|
|
|
//选中的指示器宽度
|
|
|
radius: 4,
|
|
|
//指示器圆角角度
|
|
|
height: 4,
|
|
|
); //指示器高度
|
|
|
})),
|
|
|
scrollDirection: Axis.horizontal,
|
|
|
// control: new SwiperControl(),
|
|
|
autoplay: true,
|
|
|
|
|
|
onTap: (index) {
|
|
|
// Get.to(() =>
|
|
|
// PublicInformationDetailPage(id: _swiperModels[index].newsId!));
|
|
|
},
|
|
|
itemCount: widget.data!.length,
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
|
|
|
@override
|
|
|
void dispose() {
|
|
|
super.dispose();
|
|
|
}
|
|
|
}
|
