96 lines
3.1 KiB
Dart
96 lines
3.1 KiB
Dart
import 'package:carousel_slider/carousel_slider.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:aslan/chatvibe_ui/components/at_compontent.dart';
|
|
import 'package:aslan/chatvibe_core/utilities/at_banner_utils.dart';
|
|
import 'package:aslan/chatvibe_core/utilities/at_string_utils.dart';
|
|
import 'package:aslan/chatvibe_managers/app_general_manager.dart';
|
|
import 'package:aslan/chatvibe_ui/widgets/pop/pop_route.dart';
|
|
|
|
class RecommendBannerView extends StatefulWidget {
|
|
@override
|
|
_RecommendBannerViewState createState() => _RecommendBannerViewState();
|
|
}
|
|
|
|
class _RecommendBannerViewState extends State<RecommendBannerView> {
|
|
int _currentIndex = 0;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<AppGeneralManager>(
|
|
builder: (context, ref, child) {
|
|
return _banner(ref);
|
|
},
|
|
);
|
|
}
|
|
|
|
_banner(AppGeneralManager ref) {
|
|
if (ref.homeBanners.isEmpty) {
|
|
return Container(
|
|
height: 118.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12.w),
|
|
color: Color(0xfff1f1f1),
|
|
),
|
|
);
|
|
}
|
|
return Stack(
|
|
alignment: AlignmentDirectional.bottomCenter,
|
|
children: [
|
|
CarouselSlider(
|
|
options: CarouselOptions(
|
|
height: 118.w,
|
|
autoPlay: true,
|
|
// 启用自动播放
|
|
enlargeCenterPage: false,
|
|
// 居中放大当前页面
|
|
enableInfiniteScroll: true,
|
|
// 启用无限循环
|
|
autoPlayAnimationDuration: Duration(milliseconds: 800),
|
|
// 自动播放动画时长
|
|
viewportFraction: 1,
|
|
// 视口分数
|
|
onPageChanged: (index, reason) {
|
|
_currentIndex = index;
|
|
setState(() {});
|
|
},
|
|
),
|
|
items:
|
|
ref.homeBanners.map((item) {
|
|
return GestureDetector(
|
|
child: netImage(
|
|
url: item.cover ?? "",
|
|
height: 118.w,
|
|
fit: BoxFit.fill,
|
|
borderRadius: BorderRadius.circular(12.w),
|
|
),
|
|
onTap: () {
|
|
print('ads:${item.toJson()}');
|
|
ATBannerUtils.openBanner(item,context);
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children:
|
|
ref.homeBanners.asMap().entries.map((entry) {
|
|
return Container(
|
|
width: 6.0,
|
|
height: 6.0,
|
|
margin: EdgeInsets.symmetric(vertical: 8.0, horizontal: 4.0),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color:
|
|
_currentIndex == entry.key ? Colors.blue : Colors.white,
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|