first commit
This commit is contained in:
编码猿
362
moehu/moehu_fontend/lib/views/Personal/PersonalSpace.dart
Normal file
362
moehu/moehu_fontend/lib/views/Personal/PersonalSpace.dart
Normal file
@@ -0,0 +1,362 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:peach/config/_.dart';
|
||||
import 'package:peach/entity/_.dart';
|
||||
import 'package:peach/service/_.dart';
|
||||
import 'package:peach/utils/_.dart';
|
||||
import 'package:peach/views/BlankPage.dart';
|
||||
import 'package:peach/views/Dynamic/DynamicItem.dart';
|
||||
import 'package:peach/widget/_.dart';
|
||||
import 'dart:math' as math;
|
||||
|
||||
/*
|
||||
* 个人空间
|
||||
*/
|
||||
class Personal extends StatefulWidget {
|
||||
final String isLeading;
|
||||
|
||||
const Personal({this.isLeading = '0'});
|
||||
|
||||
@override
|
||||
_Personal createState() => _Personal(this.isLeading);
|
||||
}
|
||||
|
||||
class _Personal extends State<Personal> with SingleTickerProviderStateMixin {
|
||||
final String isLeading;
|
||||
|
||||
List<String> _tabValues = [
|
||||
'动态',
|
||||
'投稿',
|
||||
'收藏',
|
||||
];
|
||||
TabController _tabController;
|
||||
|
||||
double textHeight = 20;
|
||||
|
||||
PageEntity page = PageEntity();
|
||||
|
||||
List<DynamicPersonalDynamicEntity> dynamicList = [];
|
||||
|
||||
UserInfo _userInfo =
|
||||
UserInfo.fromJson(jsonDecode(SPreferences().getString("userInfo")));
|
||||
|
||||
_Personal(this.isLeading);
|
||||
|
||||
bool loading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
///初始化，这个函数在生命周期中只调用一次
|
||||
super.initState();
|
||||
_tabController = TabController(length: _tabValues.length, vsync: this);
|
||||
future();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (loading) return Loading();
|
||||
return Scaffold(
|
||||
body: NestedScrollView(
|
||||
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
|
||||
return [
|
||||
SliverAppBar(
|
||||
pinned: true,
|
||||
expandedHeight: Screen.setHeight(190) + textHeight,
|
||||
collapsedHeight: Screen.setHeight(20) + Config.top,
|
||||
backgroundColor: ColorConfig.ThemeColor,
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
background: Container(
|
||||
color: ColorConfig.WhiteBackColor,
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
height: Screen.setHeight(90),
|
||||
decoration: new BoxDecoration(
|
||||
image: new DecorationImage(
|
||||
fit: BoxFit.cover,
|
||||
image: NetworkImage(
|
||||
"https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1770575461,2828994027&fm=26&gp=0.jpg"),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
height: Screen.setHeight(140),
|
||||
child: Panel(
|
||||
child: PersonalpTitle(
|
||||
headImgHeight: 80,
|
||||
isEditing: true,
|
||||
textHeight: textHeight,
|
||||
isText: textHeight > 20 ? true : false,
|
||||
onExpand: (height) {
|
||||
setState(
|
||||
() {
|
||||
textHeight = height;
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
leading: isLeading == '1'
|
||||
? null
|
||||
: Container(
|
||||
width: 1,
|
||||
height: 1,
|
||||
),
|
||||
actions: [
|
||||
Container(
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
child: CircleTransparentIcon(
|
||||
icon: Icon(
|
||||
Icons.search,
|
||||
size: 18,
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
child: CircleTransparentIcon(
|
||||
icon: Transform.rotate(
|
||||
//旋转90度
|
||||
angle: math.pi / 2,
|
||||
child: Icon(Icons.more_horiz),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
SliverPersistentHeader(
|
||||
delegate: _SliverTabBarDelegate(
|
||||
Container(
|
||||
child: CustomTabBar(
|
||||
tabController: _tabController,
|
||||
tabValues: _tabValues,
|
||||
),
|
||||
),
|
||||
),
|
||||
pinned: true,
|
||||
),
|
||||
];
|
||||
},
|
||||
body: TabBarView(
|
||||
controller: _tabController,
|
||||
children: [
|
||||
MediaQuery.removePadding(
|
||||
context: context,
|
||||
removeTop: true,
|
||||
removeBottom: true,
|
||||
child: ListView(
|
||||
children: [
|
||||
...dynamicList
|
||||
.asMap()
|
||||
.keys
|
||||
.map(
|
||||
(e) => DynamicItem(
|
||||
dynamicData: dynamicList[0],
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
Container(
|
||||
height: 80,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
BlankPage(),
|
||||
_collectionList()
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 推荐item样式
|
||||
Widget _collectionList() {
|
||||
return MediaQuery.removePadding(
|
||||
removeTop: true,
|
||||
context: context,
|
||||
child: GridView(
|
||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 3,
|
||||
),
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
// Navigator.of(context).pushNamed(
|
||||
// "/worksInfo",
|
||||
// arguments: WorksInfoProps(this.tabsResult[index][e].opusId),
|
||||
// );
|
||||
},
|
||||
child: Container(
|
||||
height: Screen.width(context) / 2,
|
||||
width: Screen.width(context) / 2,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage(
|
||||
"https://upload.jianshu.io/users/upload_avatars/5685558/23e20d58-c5e1-4fd6-90d4-a3752cbe7d6a",
|
||||
),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
// Navigator.of(context).pushNamed(
|
||||
// "/worksInfo",
|
||||
// arguments: WorksInfoProps(this.tabsResult[index][e].opusId),
|
||||
// );
|
||||
},
|
||||
child: Container(
|
||||
height: Screen.width(context) / 2,
|
||||
width: Screen.width(context) / 2,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage(
|
||||
"https://upload.jianshu.io/users/upload_avatars/5685558/23e20d58-c5e1-4fd6-90d4-a3752cbe7d6a",
|
||||
),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
// Navigator.of(context).pushNamed(
|
||||
// "/worksInfo",
|
||||
// arguments: WorksInfoProps(this.tabsResult[index][e].opusId),
|
||||
// );
|
||||
},
|
||||
child: Container(
|
||||
height: Screen.width(context) / 2,
|
||||
width: Screen.width(context) / 2,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage(
|
||||
"https://upload.jianshu.io/users/upload_avatars/5685558/23e20d58-c5e1-4fd6-90d4-a3752cbe7d6a",
|
||||
),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
// Navigator.of(context).pushNamed(
|
||||
// "/worksInfo",
|
||||
// arguments: WorksInfoProps(this.tabsResult[index][e].opusId),
|
||||
// );
|
||||
},
|
||||
child: Container(
|
||||
height: Screen.width(context) / 2,
|
||||
width: Screen.width(context) / 2,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage(
|
||||
"https://upload.jianshu.io/users/upload_avatars/5685558/23e20d58-c5e1-4fd6-90d4-a3752cbe7d6a",
|
||||
),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
future() async {
|
||||
await dynamicPersonalDynamic();
|
||||
setState(() {
|
||||
loading = false;
|
||||
});
|
||||
}
|
||||
|
||||
dynamicPersonalDynamic() async {
|
||||
DynamicPersonalDynamicEntityData res =
|
||||
await DynamicService.dynamicPersonalDynamic(
|
||||
{
|
||||
"page": page.page,
|
||||
"count": page.count,
|
||||
"userid": _userInfo.userId,
|
||||
},
|
||||
);
|
||||
dynamicList = res.result;
|
||||
}
|
||||
}
|
||||
|
||||
class CustomTabBar extends StatefulWidget {
|
||||
final TabController tabController;
|
||||
final List<String> tabValues;
|
||||
|
||||
CustomTabBar({Key key, this.tabController, this.tabValues}) : super(key: key);
|
||||
|
||||
@override
|
||||
_CustomTabBarState createState() => _CustomTabBarState();
|
||||
}
|
||||
|
||||
class _CustomTabBarState extends State<CustomTabBar> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return PreferredSize(
|
||||
preferredSize: Size.fromHeight(30),
|
||||
child: Container(
|
||||
width: Screen.width(context),
|
||||
height: Screen.setHeight(40),
|
||||
decoration: BoxDecoration(
|
||||
color: ColorConfig.WhiteBackColor,
|
||||
border: Border(
|
||||
bottom: BorderSide(color: ColorConfig.LineColor, width: 1),
|
||||
),
|
||||
),
|
||||
child: TabBar(
|
||||
unselectedLabelColor: ColorConfig.TextColor,
|
||||
labelColor: ColorConfig.ThemeColor,
|
||||
indicatorColor: ColorConfig.ThemeColor,
|
||||
indicatorPadding: EdgeInsets.only(left: 30, right: 30),
|
||||
controller: widget.tabController,
|
||||
tabs: widget.tabValues
|
||||
.asMap()
|
||||
.keys
|
||||
.map(
|
||||
(e) => Tab(
|
||||
child: Text(
|
||||
widget.tabValues[e],
|
||||
style: TextStyle(fontSize: 18),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _SliverTabBarDelegate extends SliverPersistentHeaderDelegate {
|
||||
final widget;
|
||||
|
||||
_SliverTabBarDelegate(this.widget);
|
||||
|
||||
@override
|
||||
double get minExtent => 40.0;
|
||||
|
||||
@override
|
||||
double get maxExtent => 40.0;
|
||||
|
||||
@override
|
||||
Widget build(
|
||||
BuildContext context, double shrinkOffset, bool overlapsContent) {
|
||||
return widget;
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRebuild(_SliverTabBarDelegate oldDelegate) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user