xjw/circle_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
a417a5cc69
circle_app/circle_app/lib/app/circle/widgets/vicinity.dart

478 lines
17 KiB
Dart
Raw Normal View History

发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
import 'package:cached_network_image/cached_network_image.dart';
import 'package:circle_app/app/circle/logic.dart';
import 'package:circle_app/app/circle/view.dart';
import 'package:circle_app/app/circle/widgets/info_list_view.dart';
import 'package:circle_app/app/userinfo/logic.dart';
import 'package:circle_app/router/app_routers.dart';
import 'package:circle_app/util/eventBus.dart';
import 'package:circle_app/util/util.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'package:get/get.dart';
import 'package:get/get_core/src/get_main.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
class Vicinity extends StatefulWidget {
CircleLogic logic;
// TODO: add state variables, methods and constructor params
Vicinity(this.logic);
@override
State<Vicinity> createState() => _VicinityState();
}
class _VicinityState extends State<Vicinity> with AutomaticKeepAliveClientMixin {
var sub;
ScrollController _scrollController = ScrollController();
@override
void initState() {
// TODO: implement initState
super.initState();
sub = EventBusManager.on<NearScrollTap>().listen((event) {
_scrollController.animateTo(0,
duration: const Duration(milliseconds: 300), curve: Curves.easeInOut);
});
}
@override
void dispose() {
// TODO: implement dispose
super.dispose();
_scrollController.dispose();
sub.cancel();
}
@override
Widget build(BuildContext context) {
// TODO: add widget build method
界面优化，增加十几种特权图片
2023-10-10 09:14:18 +08:00
if (widget.logic.myVip == 0) {
_scrollController.jumpTo(_scrollController.offset - 150.sp);
}
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
return widget.logic.vicinityList.isNotEmpty ? Stack(
fit: StackFit.expand,
children: [
SmartRefresher(
controller: widget.logic.refreshController,
onRefresh: _onRefresh,
onLoading: _onLoading,
enablePullUp: true,
child: ListView.builder(
controller: _scrollController,
界面优化，增加十几种特权图片
2023-10-10 09:14:18 +08:00
physics: widget.logic.myVip ==0 ? NeverScrollableScrollPhysics() : BouncingScrollPhysics(),
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
padding: EdgeInsets.all(10.sp),
itemCount: widget.logic.vicinityList.length + 1,
itemBuilder: (context, index) {
if (index == 0) {
return bannerView(widget.logic);
} else {
return ListItem(widget.logic.vicinityList[index - 1], index - 1);
}
},
),
),
if (widget.logic.myVip == 0)
Positioned(
bottom: 0,
child: showVipView())
],
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
) : loaddingWidget(true);
}
Widget bannerView(CircleLogic controller) {
return SizedBox(
height: 160.sp,
// margin: EdgeInsets.symmetric(horizontal: 16.sp),
child: Swiper(
autoplay: widget.logic.bannerList.length > 1,
controller: widget.logic.swiperController,
autoplayDelay: 6000,
loop: widget.logic.bannerList.length > 1 ? true : false,
// index:logic.index,
itemBuilder: (BuildContext context, int index) {
return GestureDetector(
onTap: () async {
// print(logic.bannerList[index].param);
navigateToCustomRoute(widget.logic.bannerList[index]);
},
child: SizedBox(
width: Get.width,
child: ClipRRect(
borderRadius: BorderRadius.circular(15.sp),
child: CachedNetworkImage(
imageUrl: widget.logic.bannerList[index].picUrl,
fit: BoxFit.fill,
width: Get.width,
),
)),
);
},
itemCount: widget.logic.bannerList.length,
pagination: SwiperPagination(
margin: EdgeInsets.all(5.0.sp), // 设置外边距
alignment: Alignment.bottomCenter,
builder: DotSwiperPaginationBuilder(
color: Color(0x00FFFFFF), // 小圆点的颜色
activeColor: widget.logic.bannerList.length == 1
? Color(0x00FFFFFF)
: Color(0x00FFFFFF), // 当前索引小圆点的颜色
),
),
// control: new SwiperControl(), //左右的那个箭头,在某模拟器中会出现蓝线
),
);
}
Widget circleList(CircleLogic controller) {
return Swiper(
itemBuilder: (BuildContext context, int index) {
var bean = widget.logic.circle.lists[index];
// final GlobalKey<InfoListViewState> infoListViewKey = GlobalKey<InfoListViewState>();
return InfoListView(index, bean, widget.logic);
},
onIndexChanged: (index) {
controller.state.index = index;
if (index == widget.logic.circle.lists.length - 1) {
widget.logic.loadMore();
}
print(index.toString());
},
index: controller.state.index,
itemCount: widget.logic.circle.lists.length,
viewportFraction: 0.93,
// scale: 0.9,
loop: false,
// key: UniqueKey(),
// pagination: new SwiperPagination(),//如果不填则不显示指示点
// control: new SwiperControl(),//如果不填则不显示左右按钮
);
}
Widget showVipView() {
return Container(
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
width: Get.width,
// margin: EdgeInsets.only(top: 10.sp),
界面优化，增加十几种特权图片
2023-10-10 09:14:18 +08:00
color: Colors.black87,
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
padding: EdgeInsets.symmetric(vertical: 14.sp, horizontal: 20.sp),
child: Column(
children: [
Center(
child: Text(
"VIP特权",
style: TextStyle(color: Colors.white, fontSize: 16.sp),
),
),
Container(
padding: EdgeInsets.only(top: 18.sp),
child: Text(
"开通VIP后，才能查看更多附近的圈友，也可以根据您的喜好、属性、角色、取向等筛选出想要认识的人，还可以获得其他十几种会员特权，拥有更多不一样的体验",
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
style: TextStyle(color: Colors.white, fontSize: 14.sp),
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
),
),
GestureDetector(
onTap: () async {
widget.logic.showRechargeDialog();
},
child: Center(
child: Container(
margin: EdgeInsets.only(top: 14.sp),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(17),
gradient: const LinearGradient(
colors: [
Color(0xFF06F9FA),
Color(0xFFDC5BFD),
],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
),
padding: EdgeInsets.symmetric(
vertical: 10.sp,
horizontal: 55.sp,
),
child: const Text(
"前往开通VIP",
style: TextStyle(
color: Colors.white,
fontSize: 12,
),
),
),
))
],
));
}
Widget ListItem(VicinityItemBean item, int index) {
return GestureDetector(
onTap: () {
Get.toNamed(AppRoutes.UserInfoActivity, arguments: item.id.toString());
},
child: Container(
margin: EdgeInsets.only(top: 10.sp),
// padding: EdgeInsets.only( left: 8.sp, right: 8.sp),
width: Get.width,
height: 200.sp,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.fill,
image: AssetImage(
getCircleImage('pic_bg'),
))),
child: Stack(
children: [
Container(
margin: EdgeInsets.only(top: 1.sp, left: 1.sp, right: 1.sp),
child: ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10.sp),
topRight: Radius.circular(10.sp),
),
child: item.images.length == 0
? Image(
image: AssetImage(getCircleImage("icon_list_null")),
width: Get.width,
fit: BoxFit.fill,
height: 92.sp,
)
: Container(),
),
),
Column(children: [
Container(
margin: EdgeInsets.only(right: 2.sp),
child: Row(
children: [
Container(
margin: EdgeInsets.only(top: 6.sp, left: 8.sp),
width: 88.sp,
height: 88.sp,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8.0),
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color(0xFF71F3F2),
Color(0xFFF558FF),
],
stops: [0.0365, 0.9427],
),
),
padding: EdgeInsets.all(2.sp),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Image.network(item.avatarThumb,
width: 88.sp, height: 88.sp, fit: BoxFit.cover),
),
),
Expanded(
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Container(
margin: EdgeInsets.only(top: 6.sp),
child: Row(
children: [
for (int i = 0; i < item.images.length; i++)
GestureDetector(
onTap: () {
Get.toNamed(AppRoutes.Swiper,
arguments: {
'imaglist': item.images,
'index': i
});
},
child: ListAlbumItem(item.images[i], i)),
],
),
),
),
),
],
),
),
Container(
margin: EdgeInsets.only(top: 6.sp, left: 9.sp),
child: Row(
children: [
Text(
item.nickname,
style: TextStyle(
fontWeight: FontWeight.bold,
color: const Color.fromRGBO(247, 250, 250, 1.0),
fontSize: 16.sp,
),
),
SizedBox(width: 8.sp),
_buildInfoRow(item),
const Spacer(),
Container(
margin: EdgeInsets.only(right: 8.sp),
child: Text(
item.onlineFlag.toString(),
style: TextStyle(
color: const Color.fromRGBO(247, 250, 250, 1.0),
fontSize: 12.sp,
),
)),
],
),
),
Container(
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
height: 38.sp, // 设置固定高度
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
width: Get.width,
margin: EdgeInsets.symmetric(horizontal: 8.0),
child: Align(
alignment: Alignment.centerLeft, // 文本左对齐，垂直居中
child: Text(
item.signature,
maxLines: 2,
style: TextStyle(color: Colors.white, fontSize: 14.sp),
overflow: TextOverflow.ellipsis,
),
),
),
Container(
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
margin: EdgeInsets.only(left: 8.sp, right: 3.sp,bottom: 5.sp),
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
child: _buildInterestsListView(item.interests))
]),
],
)),
);
}
Widget ListAlbumItem(String item, int index) {
return Container(
margin: EdgeInsets.symmetric(horizontal: 2.sp),
child: CachedNetworkImage(
width: 88.sp,
height: 88.sp,
fit: BoxFit.cover,
imageUrl: item + "?imageView2/1/w/176/h/176/q/75",
),
);
}
Widget _buildInfoRow(VicinityItemBean item) {
String ageMsg =
getAgeCOntent(item!.gender, item!.age, item!.role, item!.orientation);
return Row(
children: [
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(17),
gradient: const LinearGradient(
colors: [
Color.fromRGBO(141, 255, 248, 1.0),
Color.fromRGBO(181, 211, 255, 1.0),
],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
),
padding: EdgeInsets.only(
top: 2.sp,
bottom: 2.sp,
left: 10.sp,
right: 10.sp,
),
child: Text(
ageMsg,
style: const TextStyle(
color: Colors.black,
fontSize: 10,
),
),
),
const SizedBox(width: 6),
if (item.vip > 0)
Image(
image: AssetImage(getBaseImage(item.vip == 1 ? "vip" : 'year_vip')),
width: 44.sp,
height: 18.sp,
),
],
);
}
Widget _buildInterestsListView(List<Interest> interests) {
return Align(
alignment: Alignment.centerLeft,
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
for (int index = 0; index < interests.length; index++)
GestureDetector(
onTap: () {
Get.toNamed(AppRoutes.Signal_circle_list,
arguments: interests[index].id);
},
child: Container(
margin: EdgeInsets.only(right: 11.sp),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(17.0),
gradient: const LinearGradient(
colors: [
Color(0xFF06F9FA),
Color(0xFFDC5BFD),
],
),
color: const Color(0xFF392D53),
),
child: Container(
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
margin: EdgeInsets.all(1.sp),
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(17.0),
color: const Color(0xFF392D53),
),
child: Padding(
padding: EdgeInsets.only(
top: 2.sp,
bottom: 2.sp,
left: 15.sp,
right: 15.sp,
),
child: Center(
child: Text(
interests[index].title,
style: const TextStyle(
fontSize: 13.0,
color: Colors.white,
),
),
),
),
),
),
),
],
),
),
);
}
void _onRefresh() async {
widget.logic.vicinityPage = 1;
widget.logic.offset = 0;
widget.logic.getNearByList();
// logic.refreshController.refreshCompleted();
}
void _onLoading() async {
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
// if (widget.logic.myVip > 0) {
// widget.logic.vicinityPage = widget.logic.vicinityPage + 1;
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
// logic.offset = 0;
//
widget.logic.getNearByList();
圈子细节优化，编辑资料，发现页面不感兴趣，邀请得会员字体，附近会员开通修改
2023-10-09 15:30:19 +08:00
// } else {
// widget.logic.refreshController.loadComplete();
// }
发现页面，填写微信号接入
2023-10-08 15:36:05 +08:00
}
@override
// TODO: implement wantKeepAlive
bool get wantKeepAlive => true;
}
Reference in New Issue Copy Permalink