parent
b025d6dfa0
commit
19e23f66a4
@ -0,0 +1,146 @@
|
||||
import 'package:akuCommunity/model/common/img_model.dart';
|
||||
|
||||
class CommunityTopicModel {
|
||||
int id;
|
||||
int createId;
|
||||
int isComment;
|
||||
int isLike;
|
||||
String createName;
|
||||
String content;
|
||||
String gambitTitle;
|
||||
String createDate;
|
||||
List<LikeNames> likeNames;
|
||||
List<ImgModel> imgUrls;
|
||||
List<ImgModel> headSculptureImgUrl;
|
||||
List<GambitThemeCommentVoList> gambitThemeCommentVoList;
|
||||
|
||||
CommunityTopicModel(
|
||||
{this.id,
|
||||
this.createId,
|
||||
this.isComment,
|
||||
this.isLike,
|
||||
this.createName,
|
||||
this.content,
|
||||
this.gambitTitle,
|
||||
this.createDate,
|
||||
this.likeNames,
|
||||
this.imgUrls,
|
||||
this.headSculptureImgUrl,
|
||||
this.gambitThemeCommentVoList});
|
||||
|
||||
CommunityTopicModel.fromJson(Map<String, dynamic> json) {
|
||||
id = json['id'];
|
||||
createId = json['createId'];
|
||||
isComment = json['isComment'];
|
||||
isLike = json['isLike'];
|
||||
createName = json['createName'];
|
||||
content = json['content'];
|
||||
gambitTitle = json['gambitTitle'];
|
||||
createDate = json['createDate'];
|
||||
if (json['likeNames'] != null) {
|
||||
likeNames = new List<LikeNames>();
|
||||
json['likeNames'].forEach((v) {
|
||||
likeNames.add(new LikeNames.fromJson(v));
|
||||
});
|
||||
}
|
||||
if (json['imgUrls'] != null) {
|
||||
imgUrls = new List<ImgModel>();
|
||||
json['imgUrls'].forEach((v) {
|
||||
imgUrls.add(new ImgModel.fromJson(v));
|
||||
});
|
||||
} else
|
||||
imgUrls = [];
|
||||
if (json['headSculptureImgUrl'] != null) {
|
||||
headSculptureImgUrl = new List<ImgModel>();
|
||||
json['headSculptureImgUrl'].forEach((v) {
|
||||
headSculptureImgUrl.add(new ImgModel.fromJson(v));
|
||||
});
|
||||
} else
|
||||
headSculptureImgUrl = [];
|
||||
if (json['gambitThemeCommentVoList'] != null) {
|
||||
gambitThemeCommentVoList = new List<GambitThemeCommentVoList>();
|
||||
json['gambitThemeCommentVoList'].forEach((v) {
|
||||
gambitThemeCommentVoList.add(new GambitThemeCommentVoList.fromJson(v));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
data['id'] = this.id;
|
||||
data['createId'] = this.createId;
|
||||
data['isComment'] = this.isComment;
|
||||
data['isLike'] = this.isLike;
|
||||
data['createName'] = this.createName;
|
||||
data['content'] = this.content;
|
||||
data['gambitTitle'] = this.gambitTitle;
|
||||
data['createDate'] = this.createDate;
|
||||
if (this.likeNames != null) {
|
||||
data['likeNames'] = this.likeNames.map((v) => v.toJson()).toList();
|
||||
}
|
||||
if (this.imgUrls != null) {
|
||||
data['imgUrls'] = this.imgUrls.map((v) => v.toJson()).toList();
|
||||
}
|
||||
if (this.headSculptureImgUrl != null) {
|
||||
data['headSculptureImgUrl'] =
|
||||
this.headSculptureImgUrl.map((v) => v.toJson()).toList();
|
||||
}
|
||||
if (this.gambitThemeCommentVoList != null) {
|
||||
data['gambitThemeCommentVoList'] =
|
||||
this.gambitThemeCommentVoList.map((v) => v.toJson()).toList();
|
||||
}
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
class LikeNames {
|
||||
int id;
|
||||
String name;
|
||||
|
||||
LikeNames({this.id, this.name});
|
||||
|
||||
LikeNames.fromJson(Map<String, dynamic> json) {
|
||||
id = json['id'];
|
||||
name = json['name'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
data['id'] = this.id;
|
||||
data['name'] = this.name;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
class GambitThemeCommentVoList {
|
||||
int id;
|
||||
String parentName;
|
||||
String content;
|
||||
String createName;
|
||||
String createDate;
|
||||
|
||||
GambitThemeCommentVoList(
|
||||
{this.id,
|
||||
this.parentName,
|
||||
this.content,
|
||||
this.createName,
|
||||
this.createDate});
|
||||
|
||||
GambitThemeCommentVoList.fromJson(Map<String, dynamic> json) {
|
||||
id = json['id'];
|
||||
parentName = json['parentName'];
|
||||
content = json['content'];
|
||||
createName = json['createName'];
|
||||
createDate = json['createDate'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
data['id'] = this.id;
|
||||
data['parentName'] = this.parentName;
|
||||
data['content'] = this.content;
|
||||
data['createName'] = this.createName;
|
||||
data['createDate'] = this.createDate;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,67 @@
|
||||
import 'package:akuCommunity/ui/community/community_views/my_community_view.dart';
|
||||
import 'package:akuCommunity/ui/community/community_views/new_community_view.dart';
|
||||
import 'package:akuCommunity/ui/community/community_views/topic/topic_community_view.dart';
|
||||
import 'package:akuCommunity/utils/headers.dart';
|
||||
import 'package:akuCommunity/widget/bee_scaffold.dart';
|
||||
import 'package:akuCommunity/widget/buttons/column_action_button.dart';
|
||||
import 'package:akuCommunity/widget/tab_bar/bee_tab_bar.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class CommunityPage extends StatefulWidget {
|
||||
CommunityPage({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_CommunityPageState createState() => _CommunityPageState();
|
||||
}
|
||||
|
||||
class _CommunityPageState extends State<CommunityPage>
|
||||
with TickerProviderStateMixin, AutomaticKeepAliveClientMixin {
|
||||
TabController _tabController;
|
||||
List<String> _tabs = ['最新', '话题', '我的'];
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(
|
||||
vsync: this,
|
||||
length: _tabs.length,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
return BeeScaffold(
|
||||
title: '社区',
|
||||
actions: [
|
||||
ColumnActionButton(
|
||||
onPressed: () {},
|
||||
title: '消息',
|
||||
path: R.ASSETS_ICONS_ALARM_PNG,
|
||||
),
|
||||
],
|
||||
appBarBottom: PreferredSize(
|
||||
preferredSize: Size.fromHeight(48),
|
||||
child: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: BeeTabBar(
|
||||
controller: _tabController,
|
||||
tabs: _tabs,
|
||||
scrollable: true,
|
||||
),
|
||||
),
|
||||
),
|
||||
body: TabBarView(
|
||||
children: [
|
||||
NewCommunityView(),
|
||||
TopicCommunityView(),
|
||||
MyCommunityView(),
|
||||
],
|
||||
controller: _tabController,
|
||||
),
|
||||
bodyColor: Colors.white,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class MyCommunityView extends StatefulWidget {
|
||||
MyCommunityView({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_MyCommunityViewState createState() => _MyCommunityViewState();
|
||||
}
|
||||
|
||||
class _MyCommunityViewState extends State<MyCommunityView>
|
||||
with AutomaticKeepAliveClientMixin {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
return Container();
|
||||
}
|
||||
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class NewCommunityView extends StatefulWidget {
|
||||
NewCommunityView({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_NewCommunityViewState createState() => _NewCommunityViewState();
|
||||
}
|
||||
|
||||
class _NewCommunityViewState extends State<NewCommunityView>
|
||||
with AutomaticKeepAliveClientMixin {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
return Container();
|
||||
}
|
||||
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
}
|
||||
@ -0,0 +1,125 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:akuCommunity/ui/community/community_views/topic/topic_detail_page.dart';
|
||||
import 'package:akuCommunity/utils/headers.dart';
|
||||
import 'package:akuCommunity/constants/api.dart';
|
||||
import 'package:akuCommunity/model/community/community_topic_model.dart';
|
||||
import 'package:akuCommunity/pages/things_page/widget/bee_list_view.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_easyrefresh/easy_refresh.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class TopicCommunityView extends StatefulWidget {
|
||||
TopicCommunityView({Key key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_TopicCommunityViewState createState() => _TopicCommunityViewState();
|
||||
}
|
||||
|
||||
class _TopicCommunityViewState extends State<TopicCommunityView>
|
||||
with AutomaticKeepAliveClientMixin {
|
||||
EasyRefreshController _refreshController = EasyRefreshController();
|
||||
|
||||
_buildItem(CommunityTopicModel model) {
|
||||
var firstImg = '';
|
||||
if (model?.imgUrls?.isNotEmpty ?? false) {
|
||||
firstImg = model?.imgUrls?.first?.url ?? '';
|
||||
}
|
||||
return MaterialButton(
|
||||
padding: EdgeInsets.symmetric(horizontal: 53.w, vertical: 20.w),
|
||||
onPressed: () {
|
||||
Get.to(TopicDetailPage(id: model.id));
|
||||
},
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
clipBehavior: Clip.antiAlias,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(8.w),
|
||||
color: Colors.black12,
|
||||
),
|
||||
child: Stack(
|
||||
children: [
|
||||
FadeInImage.assetNetwork(
|
||||
placeholder: R.ASSETS_IMAGES_LOGO_PNG,
|
||||
image: API.image(firstImg),
|
||||
height: 160.w,
|
||||
width: 250.w,
|
||||
),
|
||||
Positioned(
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.vertical(
|
||||
bottom: Radius.circular(8.w),
|
||||
),
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
|
||||
//TODO 等待后端接口补充话题摘要
|
||||
// model.summary
|
||||
child: ('#${''}')
|
||||
.text
|
||||
.center
|
||||
.size(28.sp)
|
||||
.white
|
||||
.make()
|
||||
.material(color: Colors.black26),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
12.wb,
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
(model?.gambitTitle ?? '')
|
||||
.text
|
||||
.maxLines(2)
|
||||
.size(28.sp)
|
||||
.bold
|
||||
.overflow(TextOverflow.ellipsis)
|
||||
.make(),
|
||||
(model?.content ?? '')
|
||||
.text
|
||||
.maxLines(1)
|
||||
.size(22.sp)
|
||||
.overflow(TextOverflow.ellipsis)
|
||||
.make(),
|
||||
12.hb,
|
||||
],
|
||||
).expand(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
super.build(context);
|
||||
return BeeListView(
|
||||
path: API.community.topicList,
|
||||
controller: _refreshController,
|
||||
convert: (model) {
|
||||
return model.tableList
|
||||
.map((e) => CommunityTopicModel.fromJson(e))
|
||||
.toList();
|
||||
},
|
||||
builder: (items) {
|
||||
return ListView.separated(
|
||||
itemBuilder: (context, index) {
|
||||
return _buildItem(items[index]);
|
||||
},
|
||||
separatorBuilder: (_, __) => 20.hb,
|
||||
itemCount: items.length,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
bool get wantKeepAlive => true;
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
import 'package:akuCommunity/ui/community/community_views/topic/topic_scrollable_text.dart';
|
||||
import 'package:akuCommunity/utils/headers.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class TopicDetailPage extends StatefulWidget {
|
||||
final int id;
|
||||
TopicDetailPage({Key key, @required this.id}) : super(key: key);
|
||||
|
||||
@override
|
||||
_TopicDetailPageState createState() => _TopicDetailPageState();
|
||||
}
|
||||
|
||||
class _TopicDetailPageState extends State<TopicDetailPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: [
|
||||
SliverAppBar(
|
||||
expandedHeight: 500.w,
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
pinned: true,
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
title: TopicScrollableText(title: '#TEST'),
|
||||
titlePadding: EdgeInsets.zero,
|
||||
collapseMode: CollapseMode.pin,
|
||||
background: Container(color: Colors.red),
|
||||
),
|
||||
),
|
||||
SliverToBoxAdapter(
|
||||
child: 40000.hb,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
import 'package:akuCommunity/utils/headers.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class TopicScrollableText extends StatefulWidget {
|
||||
final String title;
|
||||
TopicScrollableText({Key key, @required this.title}) : super(key: key);
|
||||
|
||||
@override
|
||||
_TopicScrollableTextState createState() => _TopicScrollableTextState();
|
||||
}
|
||||
|
||||
class _TopicScrollableTextState extends State<TopicScrollableText> {
|
||||
ScrollPosition _scrollPosition;
|
||||
|
||||
_positionListener() {
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_scrollPosition?.removeListener(_positionListener);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void didChangeDependencies() {
|
||||
super.didChangeDependencies();
|
||||
_scrollPosition = Scrollable.of(context)?.position;
|
||||
_scrollPosition?.addListener(_positionListener);
|
||||
}
|
||||
|
||||
double get offset {
|
||||
if (_scrollPosition.pixels >= 500.w) return 1;
|
||||
if (_scrollPosition.pixels < 500.w && _scrollPosition.pixels >= 0) {
|
||||
return _scrollPosition.pixels / 500.w;
|
||||
} else
|
||||
return 0;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(bottom: 202.w - offset * 160.w),
|
||||
child: Text(widget.title),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue