You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
261 lines
9.4 KiB
261 lines
9.4 KiB
import 'package:flutter/material.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
import 'package:akuCommunity/utils/screenutil.dart';
|
|
import 'package:akuCommunity/base/base_style.dart';
|
|
import 'widget/goods_app_bar.dart';
|
|
import 'widget/goods_comments_card.dart';
|
|
|
|
final List<String> imageUrl = [
|
|
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599023251944&di=59dc4c919525b21567da91d7564b250b&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_origin_min_pic%2F16%2F11%2F13%2Fd6882b6abd40c900655c87ebfc8dee0a.jpg',
|
|
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599023251944&di=114f065583b0fb949c2621df5eb2aeb0&imgtype=0&src=http%3A%2F%2Fwww.track-roller.com%2Fimg%2Ftk9912701.jpg',
|
|
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599023251943&di=2208befacee137736dced7bec5fc71a5&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20170921%2F0ebcc71a45f24904a0f89ae90d65787e.jpeg'
|
|
];
|
|
|
|
class ViewCommentsPage extends StatefulWidget {
|
|
ViewCommentsPage({Key key}) : super(key: key);
|
|
|
|
@override
|
|
_ViewCommentsPageState createState() => _ViewCommentsPageState();
|
|
}
|
|
|
|
class _ViewCommentsPageState extends State<ViewCommentsPage> {
|
|
List<Map<String, dynamic>> _commentsClassList = [
|
|
{'title': "全部", 'isSelect': true},
|
|
{'title': "好评(23)", 'isSelect': false},
|
|
{'title': "差评(0)", 'isSelect': false},
|
|
{'title': "中评(0)", 'isSelect': false},
|
|
{'title': "追加(24)", 'isSelect': false},
|
|
];
|
|
|
|
List<Map<String, dynamic>> _commentsCardList = [
|
|
{
|
|
'imagePath':
|
|
"https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1812993978,4158651947&fm=26&gp=0.jpg",
|
|
'name': '就是安安啊',
|
|
'subtitle': "4天前 尺码[170-185cm] 颜色分类：黑色",
|
|
'content': '面料和版型都不错，会回购',
|
|
'contentImageList': imageUrl,
|
|
'viewNum': '5',
|
|
},
|
|
{
|
|
'imagePath':
|
|
"https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2690587153,2643787055&fm=26&gp=0.jpg",
|
|
'name': '马泽鹏',
|
|
'subtitle': "47天前 尺码[170-185cm] 颜色分类：黑色",
|
|
'content': '太好蓝了，现在天气有点热，赶快到秋天',
|
|
'contentImageList': [
|
|
'https://img.alicdn.com/imgextra/i3/409405727/O1CN01yNXzbp1sB0pPy06vu_!!409405727.jpg',
|
|
'https://img.alicdn.com/imgextra/i3/409405727/O1CN01yNXzbp1sB0pPy06vu_!!409405727.jpg',
|
|
'https://img.alicdn.com/imgextra/i2/409405727/O1CN01oaedss1sB0pPDo1JB_!!409405727.jpg'
|
|
],
|
|
'viewNum': '532',
|
|
},
|
|
{
|
|
'imagePath':
|
|
"https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3095823371,2737858048&fm=26&gp=0.jpg",
|
|
'name': '王珂珂',
|
|
'subtitle': "4天前 尺码[170-185cm] 颜色分类：黑色",
|
|
'content': '面料和版型都不错，会回购',
|
|
'contentImageList': [
|
|
'https://img.alicdn.com/bao/uploaded/i4/O1CN01XIzuhk1FdADbW7Cwf_!!0-rate.jpg_400x400.jpg',
|
|
'https://img.alicdn.com/bao/uploaded/i1/O1CN01KNMhVC242YySXXE4f_!!0-rate.jpg_400x400.jpg',
|
|
'https://img.alicdn.com/bao/uploaded/i4/O1CN01A2q4Bb2LhBZJ5elrj_!!0-rate.jpg_400x400.jpg',
|
|
],
|
|
'viewNum': '235',
|
|
},
|
|
];
|
|
|
|
RefreshController _refreshController =
|
|
RefreshController(initialRefresh: false);
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
void _onRefresh() async {
|
|
await Future.delayed(Duration(milliseconds: 1500));
|
|
|
|
_refreshController.refreshCompleted();
|
|
}
|
|
|
|
void _onLoading() async {
|
|
await Future.delayed(Duration(milliseconds: 1500));
|
|
_commentsCardList.add({
|
|
'imagePath':
|
|
"https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3095823371,2737858048&fm=26&gp=0.jpg",
|
|
'name': '王珂珂',
|
|
'subtitle': "4天前 尺码[170-185cm] 颜色分类：黑色",
|
|
'content': '面料和版型都不错，会回购',
|
|
'contentImageList': imageUrl,
|
|
'viewNum': '235',
|
|
});
|
|
if (mounted) setState(() {});
|
|
_refreshController.loadComplete();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
_refreshController.dispose();
|
|
}
|
|
|
|
Container _commentsClass() {
|
|
return Container(
|
|
color: Colors.white,
|
|
padding: EdgeInsets.only(
|
|
top: 29.w,
|
|
left: 32.w,
|
|
bottom: 40.w,
|
|
),
|
|
width: MediaQuery.of(context).size.width,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
margin: EdgeInsets.only(bottom: 25.w),
|
|
child: Text(
|
|
'按分类评价',
|
|
style: TextStyle(
|
|
fontSize: BaseStyle.fontSize28,
|
|
color: BaseStyle.color999999,
|
|
),
|
|
),
|
|
),
|
|
Wrap(
|
|
spacing: 10.w,
|
|
runSpacing: 20.w,
|
|
children: _commentsClassList
|
|
.map((item) => InkWell(
|
|
onTap: () {
|
|
_commentsClassList.forEach((item) {
|
|
item['isSelect'] = false;
|
|
});
|
|
setState(() {
|
|
item['isSelect'] = true;
|
|
});
|
|
},
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(24)),
|
|
child: Container(
|
|
padding: EdgeInsets.only(
|
|
left: 24.w,
|
|
right: 23.w,
|
|
top: 9.w,
|
|
bottom: 10.w,
|
|
),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(24)),
|
|
color: item['isSelect']
|
|
? Color(0xfffff6da)
|
|
: Color(0xffededed),
|
|
border: Border.all(
|
|
color: item['isSelect']
|
|
? Color(0xffffc40c)
|
|
: Colors.transparent,
|
|
width: 0.5),
|
|
),
|
|
child: Text(
|
|
item['title'],
|
|
style: TextStyle(
|
|
fontSize: BaseStyle.fontSize24,
|
|
color: BaseStyle.color333333,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
))
|
|
.toList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: PreferredSize(
|
|
child: GoodsAppBar(),
|
|
preferredSize: Size.fromHeight(kToolbarHeight),
|
|
),
|
|
body: Column(
|
|
children: [
|
|
_commentsClass(),
|
|
Expanded(
|
|
child: Container(
|
|
child: RefreshConfiguration(
|
|
hideFooterWhenNotFull: true,
|
|
child: SmartRefresher(
|
|
controller: _refreshController,
|
|
header: WaterDropHeader(),
|
|
footer: ClassicFooter(),
|
|
onRefresh: _onRefresh,
|
|
onLoading: _onLoading,
|
|
enablePullUp: true,
|
|
child: ListView.builder(
|
|
padding: EdgeInsets.only(top: 30.w),
|
|
itemBuilder: (BuildContext context, int index) => Container(
|
|
color: Colors.white,
|
|
child: GoodsCommentsCard(
|
|
imagePath: _commentsCardList[index]['imagePath'],
|
|
name: _commentsCardList[index]['name'],
|
|
subtitle: _commentsCardList[index]['subtitle'],
|
|
content: _commentsCardList[index]['content'],
|
|
contentImageList: _commentsCardList[index]
|
|
['contentImageList'],
|
|
viewNum: _commentsCardList[index]['viewNum'],
|
|
),
|
|
),
|
|
itemCount: _commentsCardList.length,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
|
|
// NestedScrollView(
|
|
// headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
|
|
// return <Widget>[
|
|
// SliverPersistentHeader(
|
|
// pinned: true,
|
|
// delegate: SliverAppBarDelegate(
|
|
// minHeight: 200,
|
|
// maxHeight: 200,
|
|
// child: _commentsClass(),
|
|
// ),
|
|
// )
|
|
// ];
|
|
// },
|
|
// body: RefreshConfiguration(
|
|
// hideFooterWhenNotFull: true,
|
|
// child: SmartRefresher(
|
|
// controller: _refreshController,
|
|
// header: WaterDropHeader(),
|
|
// footer: ClassicFooter(),
|
|
// onRefresh: _onRefresh,
|
|
// onLoading: _onLoading,
|
|
// enablePullUp: true,
|
|
// child: ListView.builder(
|
|
// itemBuilder: (BuildContext context, int index) => Text('data'),
|
|
// itemCount: 6,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// children: [
|
|
// Positioned(
|
|
// top: 0,
|
|
// left: 0,
|
|
// right: 0,
|
|
// child: _commentsClass(),
|
|
// ),
|
|
|
|
// ],
|
|
// ),
|
|
);
|
|
}
|
|
}
|