profile_page.dart点击条目0,跳转到MyMessagePage界面
import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutterapp2/common/event_bus.dart';
import 'package:flutterapp2/constants/Constants.dart';
import 'package:flutterapp2/pages/profile_detail_page.dart';
import 'package:flutterapp2/utils/data_utils.dart';
import 'package:flutterapp2/utils/net_utils.dart';
import 'login_web_page.dart';
import 'my_message_page.dart';
/**
* 主界面My
*/
class ProfilePage extends StatefulWidget {
@override
_ProfilePageState createState() => _ProfilePageState();
}
class _ProfilePageState extends State<ProfilePage> {
List menuTitles = [
'我的消息',
'阅读记录',
'我的博客',
'我的问答',
'我的活动',
'我的团队',
'邀请好友',
];
List menuIcons = [
Icons.message,
Icons.print,
Icons.error,
Icons.phone,
Icons.send,
Icons.people,
Icons.person,
];
String userAvatar;
String userName;
@override
void initState() {
// TODO: implement initState
super.initState();
//尝试显示用户信息
_showUerInfo();
eventBus.on<LoginEvent>().listen((event) {
//获取用户信息并显示
_getUerInfo();
});
eventBus.on<LogoutEvent>().listen((event) {
//登出需要刷新用户信息
_showUerInfo();
});
}
_getUerInfo() {
DataUtils.getAccessToken().then((accessToken){
if (accessToken == null || accessToken.length == 0) {
return;
}
Map<String, dynamic> params = Map<String, dynamic>();
params['access_token'] = accessToken;
params['dataType'] = 'json';
print('Debug accessToken: $accessToken');
NetUtils.get(AppUrls.OPENAPI_USER, params).then((data) {
//{"gender":"male","name":"Damon2019","location":"湖南 长沙","id":2006874,"avatar":"https://oscimg.oschina.net/oscnet/up-21zvuaor7bbvi8h2a4g93iv9vve2wrnz.jpg!/both/50x50?t=1554975223000","email":"3262663349@qq.com","url":"https://my.oschina.net/damon007"}
//data: {"gender":"male","name":"Augfun","location":"广东 深圳","id":4571926,"avatar":"https://static.oschina.net/uploads/user/2285/4571926_50.jpg?t=1593452705000","email":"1234556@outlook.com","url":"https://my.oschina.net/u/4571926"}
print('Debug data: $data');
//解析数据
Map<String, dynamic> map = json.decode(data);
if (mounted) {
setState(() {
userAvatar = map['avatar'];
userName = map['name'];
});
}
DataUtils.saveUserInfo(map);
});
});
}
_showUerInfo() {
//userName信息和头像信息更新
DataUtils.getUserInfo().then((user) {
if (mounted) {
setState(() {
if (user != null) {
userAvatar = user.avatar;
userName = user.name;
} else {
userAvatar = null;
userName = null;
}
});
}
});
}
@override
Widget build(BuildContext context) {
return ListView.separated(
itemBuilder: (context, index) {
//My界面的头部
if(index == 0){
//头像用Container装起来
return _buildHeader();
}
index -= 1;
return ListTile(
leading: Icon(menuIcons[index]),
title: Text(menuTitles[index]),
trailing: Icon(Icons.arrow_forward_ios),//尾巴
onTap: () {
DataUtils.isLogin().then((isLogin){
if(isLogin) {
switch (index) {
case 0:
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => MyMessagePage()));
break;
}
} else {
_login();
}
});
},
);
},
//分割线
separatorBuilder: (context, index) {
return Divider();
},
itemCount: menuTitles.length + 1
);
}
_login() async {
final result = await Navigator.of(context)
.push(MaterialPageRoute(builder: (context) => LoginWebPage()));
if (result != null && result == 'refresh') {
print('Debug profile page LoginEvent');
//登录成功
eventBus.fire(LoginEvent());
}
}
Container _buildHeader() {
return Container(
height: 150.0,
color: Color(AppColors.APP_THEME),
//头像的布局填充
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
GestureDetector(
//先判断网路图片是否为空
child: userAvatar != null
? Container(
width: 60.0,
height: 60.0,
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: Color(0xffffffff),
width: 2.0,
),
image: DecorationImage(
//加载网路图片
image: NetworkImage(userAvatar),
fit: BoxFit.cover,
),
),
)
//加载网路图片
: Image.asset('assets/images/ic_avatar_default.png',
width: 60.0,
height: 60.0,
),
onTap: () {
//执行登录
DataUtils.isLogin().then((isLogin){
if(isLogin){
//点击以后跳转到详情
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => ProfileDetailPage()));
}else{
//执行登录
_login();
}
});
},
),
SizedBox(
),
Text(
userName ??= '点击头像登录',
style: TextStyle(color: Color(0xffffffff)),
),
],
),
),
);
}
}
my_message_page.dart有3个tab
import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutterapp2/constants/Constants.dart';
import 'package:flutterapp2/utils/data_utils.dart';
import 'package:flutterapp2/utils/net_utils.dart';
class MyMessagePage extends StatefulWidget {
@override
_MyMessagePageState createState() => _MyMessagePageState();
}
class _MyMessagePageState extends State<MyMessagePage> {
List<String> _tabTitles = ['@我', '评论', '私信'];
int curPage = 1;
List messageList;
@override
Widget build(BuildContext context) {
return DefaultTabController(
//tab的长度
length: _tabTitles.length,
child : Scaffold(
appBar: AppBar(
elevation: 0.0,
title: Text(
'消息中心',
style: TextStyle(
color: Color(AppColors.APPBAR),
),
),
//箭头设置成白色
iconTheme: IconThemeData(
color: Color(AppColors.APPBAR),
),
bottom: TabBar(
tabs: _tabTitles.map((title) => Tab(
text: title,
)).toList()),
),
body: TabBarView(children: [
Center(
child: Text('暂无内容'),
),
Center(
child: Text('暂无内容'),
),
//私信
_buildMessageList(),
]),
),
);
}
//下拉刷新
Future<Null> _pullToRefresh() async {
curPage = 1;
_getMessageList();
return null;
}
_buildMessageList() {
if (messageList == null) {
//获取私信
_getMessageList();
return Center(
child: CupertinoActivityIndicator(),
);
}
return RefreshIndicator(
child: ListView.separated(
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.all(10.0),
child: Row(
children: <Widget>[
Image.network(messageList[index]['portrait']),
SizedBox(
width: 10.0,
),
Expanded(
child: Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text(
'${messageList[index]['sendername']}',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.bold),
),
Text(
'${messageList[index]['pubDate']}',
style: TextStyle(
fontSize: 12.0, color: Color(0xffaaaaaa)),
),
],
),
Text(
'${messageList[index]['content']}',
overflow: TextOverflow.ellipsis,
maxLines: 1,
style: TextStyle(fontSize: 12.0),
),
],
),
),
],
),
);
},
separatorBuilder: (context, index) {
return Divider();
},
itemCount: messageList.length),
//下拉刷新
onRefresh: _pullToRefresh);
}
//获取私信列表
///action/openapi/message_list
void _getMessageList() {
DataUtils.isLogin().then((isLogin) {
if (isLogin) {
DataUtils.getAccessToken().then((accessToken) {
print('accessToken: $accessToken');
//拼装请求
Map<String, dynamic> params = Map<String, dynamic>();
params['dataType'] = 'json';
params['page'] = curPage;
params['pageSize'] = 10;
params['access_token'] = accessToken;
NetUtils.get(AppUrls.MESSAGE_LIST, params).then((data) {
print('MY_INFORMATION: $data');
if (data != null && data.isNotEmpty) {
Map<String, dynamic> map = json.decode(data);
var _messageList = map['messageList'];
setState(() {
messageList = _messageList;
});
}
});
});
}
});
}
}
Constant.dart
abstract class AppColors{
//应用主题色
static const APP_THEME = 0xff63ca6c;
static const APPBAR = 0xffffffff;
}
abstract class AppInfos {
static const String CLIENT_ID = '6ZmjMJ4ZCW7YRhQ4sm42';//应用id
static const String CLIENT_SECRET = 'sXWCxyV1KegoF2gethYuBZhI8WQI9fjk';//应用密钥
static const String REDIRECT_URI = 'https://www.dongnaoedu.com/';//回调地址
}
abstract class AppUrls {
static const String HOST = 'https://www.oschina.net';
//授权登录 ctrl shift u
static const String OAUTH2_AUTHORIZE = HOST + '/action/oauth2/authorize';
//获取token
static const String OAUTH2_TOKEN = HOST + '/action/openapi/token';
//获取用户信息
static const String OPENAPI_USER = HOST + '/action/openapi/user';
static const String MY_INFORMATION = HOST + '/action/openapi/my_information';
static const String MESSAGE_LIST = HOST + '/action/openapi/message_list';
static const String NEWS_LIST = HOST + '/action/openapi/news_list';
static const String NEWS_DETAIL = HOST + '/action/openapi/news_detail';
static const String TWEET_LIST = HOST + '/action/openapi/tweet_list';
static const String TWEET_PUB = HOST + '/action/openapi/tweet_pub';
}
效果如下: