TK
413 lines
13 KiB
Dart
413 lines
13 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:sail/constant/app_colors.dart';
|
|
import 'package:sail/constant/app_dimens.dart';
|
|
import 'package:sail/model/themeCollection.dart';
|
|
import 'package:sail/models/app_model.dart';
|
|
import 'package:sail/models/plan_model.dart';
|
|
import 'package:sail/models/server_model.dart';
|
|
import 'package:sail/models/user_model.dart';
|
|
import 'package:sail/models/user_subscribe_model.dart';
|
|
import 'package:sail/pages/accountPage.dart';
|
|
import 'package:sail/pages/homePage.dart';
|
|
import 'package:sail/pages/my_profile.dart';
|
|
import 'package:sail/pages/plan/plan_page.dart';
|
|
import 'package:sail/pages/proPage.dart';
|
|
import 'package:sail/pages/server_list.dart';
|
|
import 'package:sail/router/application.dart';
|
|
import 'package:sail/routes/OnceNotice.dart';
|
|
import 'package:sail/routes/proRoute.dart';
|
|
import 'package:sail/utils/l10n.dart';
|
|
import 'package:sail/utils/message_util.dart';
|
|
import 'package:sail/utils/navigator_util.dart';
|
|
import 'package:sail/widgets/ProgressView.dart';
|
|
import 'package:sail/widgets/home_widget.dart';
|
|
import 'package:sail/widgets/power_btn.dart';
|
|
import 'package:sail/widgets/sail_app_bar.dart';
|
|
import 'package:sail/utils/common_util.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
class HomePage extends StatefulWidget {
|
|
const HomePage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
HomePageState createState() => HomePageState();
|
|
}
|
|
|
|
class HomePageState extends State<HomePage> with WidgetsBindingObserver {
|
|
late AppModel _appModel;
|
|
late ServerModel _serverModel;
|
|
late UserModel _userModel;
|
|
late UserSubscribeModel _userSubscribeModel;
|
|
late PlanModel _planModel;
|
|
bool _isLoadingData = false;
|
|
bool _initialStatus = false;
|
|
bool _isfinishedLoad = false;
|
|
late Timer _timer;
|
|
bool _isFirst = false;
|
|
|
|
int currentPage = 0;
|
|
late List<Map<String, dynamic>> _itemsList = const [
|
|
{
|
|
'name': 'Home',
|
|
'iconPath': 'assets/home.svg',
|
|
'icon': Icons.home_filled,
|
|
'route': HomeWidget()
|
|
},
|
|
{
|
|
'name': 'Nodes',
|
|
'iconPath': 'assets/logo2.svg',
|
|
'icon': Icons.rocket_launch,
|
|
'route': ServerListPage()
|
|
},
|
|
{
|
|
'name': 'Account',
|
|
'iconPath': 'assets/profile.svg',
|
|
'icon': Icons.person,
|
|
'route': AccountPage()
|
|
}
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
WidgetsBinding.instance.addObserver(this);
|
|
createTimer();
|
|
|
|
// /判断是不是第一次启动
|
|
getFristBool();
|
|
|
|
Future.delayed(const Duration(seconds: 1), () {
|
|
//1秒后跳转到其他路由
|
|
if (_isFirst) {
|
|
Navigator.of(context)
|
|
.push(MaterialPageRoute(builder: (builder) => const OnceNotice()));
|
|
}
|
|
});
|
|
}
|
|
|
|
void getFristBool() async {
|
|
SharedPreferences preferences = await SharedPreferences.getInstance();
|
|
String key = "FristLaunchs";
|
|
if (preferences.containsKey(key)) {
|
|
setState(() => _isFirst = preferences.getBool(key)!);
|
|
|
|
preferences.setBool(key, false);
|
|
} else {
|
|
setState(() => _isFirst = true);
|
|
preferences.setBool(key, false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
cancelTimer();
|
|
WidgetsBinding.instance.removeObserver(this);
|
|
super.dispose();
|
|
}
|
|
|
|
void createTimer() {
|
|
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
|
_appModel.getStatus();
|
|
});
|
|
}
|
|
|
|
void cancelTimer() {
|
|
_timer.cancel();
|
|
}
|
|
|
|
@override
|
|
void didChangeAppLifecycleState(AppLifecycleState state) {
|
|
print('state = $state');
|
|
|
|
if (state == AppLifecycleState.resumed) {
|
|
_planModel.fetchPlanList();
|
|
// _appModel.getStatus();
|
|
// print("_appModel.isOn: ${_appModel.isOn}");
|
|
}
|
|
|
|
if (state == AppLifecycleState.inactive) {
|
|
//激活状态
|
|
}
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() async {
|
|
super.didChangeDependencies();
|
|
|
|
_appModel = Provider.of<AppModel>(context);
|
|
_userModel = Provider.of<UserModel>(context);
|
|
_userSubscribeModel = Provider.of<UserSubscribeModel>(context);
|
|
_serverModel = Provider.of<ServerModel>(context);
|
|
_planModel = Provider.of<PlanModel>(context);
|
|
|
|
if (_userModel.isLogin && !_isLoadingData) {
|
|
_isLoadingData = true;
|
|
await _userSubscribeModel.getUserSubscribe();
|
|
await _serverModel.getServerList(forceRefresh: true);
|
|
await _serverModel.getSelectServer();
|
|
_appModel.setConfigProxies(_userModel, _serverModel);
|
|
}
|
|
|
|
if (!_initialStatus) {
|
|
_initialStatus = true;
|
|
_planModel.fetchPlanList();
|
|
}
|
|
|
|
if (_userModel.userEntity?.uuid != null) {
|
|
setState(() {
|
|
_isfinishedLoad = true;
|
|
});
|
|
}
|
|
}
|
|
|
|
sendEmail(recipient, subject, body) async {
|
|
final String url = 'mailto:$recipient?subject=$subject&body=$body';
|
|
if (!await launchUrl(Uri.parse(url))) {
|
|
throw Exception('Could not launch $url');
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
ScreenUtil.init(context,
|
|
designSize: const Size(AppDimens.maxWidth, AppDimens.maxHeight));
|
|
|
|
//是否第一次打开app
|
|
// Future.delayed(Duration(seconds: 3), () {
|
|
|
|
// _showCupertinoAlertDialog(
|
|
// context: context,
|
|
// title: "提示",
|
|
// content: "您没有提交的权限，\n当前仅供查阅",
|
|
// sureText: "确定"
|
|
// );
|
|
// });
|
|
|
|
// Provider.of<ThemeCollection>(context)
|
|
// .getActiveTheme
|
|
// .primaryTextTheme
|
|
// .bodyLarge
|
|
bool isDarkTheme = Provider.of<ThemeCollection>(context).isDarkActive;
|
|
|
|
final ButtonStyle style = TextButton.styleFrom(
|
|
foregroundColor: Theme.of(context).colorScheme.onPrimary,
|
|
);
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
shadowColor: Colors.transparent,
|
|
title: SvgPicture.asset(
|
|
'assets/text2.svg',
|
|
height: 28,
|
|
color: isDarkTheme ? Colors.white : Colors.black,
|
|
),
|
|
actions: <Widget>[
|
|
IconButton(
|
|
icon: const Icon(Icons.support_agent),
|
|
tooltip: 'support_agent',
|
|
onPressed: () {
|
|
sendEmail("admin@uuvpn.co", "UUVPN Question Help", "");
|
|
},
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.public),
|
|
tooltip: 'public',
|
|
onPressed: () {
|
|
if (_serverModel.serverEntityList.isEmpty) {
|
|
MessageUtil.toast(context.l10n.nodefornullcheckissubscripts);
|
|
} else {
|
|
NavigatorUtil.goServerList(context);
|
|
}
|
|
},
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.menu),
|
|
tooltip: 'menu',
|
|
onPressed: () {
|
|
NavigatorUtil.goSettings(context);
|
|
// setState(() {
|
|
|
|
// });
|
|
},
|
|
),
|
|
],
|
|
),
|
|
body: HomeWidget());
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
shadowColor: Colors.transparent,
|
|
title: currentPage == 2
|
|
? const Text('My Account')
|
|
: SvgPicture.asset(
|
|
'assets/text2.svg',
|
|
height: 28,
|
|
color: isDarkTheme ? Colors.white : Colors.black,
|
|
),
|
|
actions: currentPage == 0 ? null : null),
|
|
/*[
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: GestureDetector(
|
|
onTap: () => Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (builder) => const ProRoute())),
|
|
child: SvgPicture.asset(
|
|
'assets/Features.svg',
|
|
height: 20,
|
|
color: AppColors.greenColor,
|
|
),
|
|
),
|
|
),
|
|
]
|
|
Here Bottom Navigation Bar with some padding, margin,
|
|
little bit color & border decoration*/
|
|
bottomNavigationBar: Container(
|
|
// margin: const EdgeInsets.only(left: 32, right: 32, bottom: 0),
|
|
padding: const EdgeInsets.only(top: 0.0),
|
|
decoration: BoxDecoration(
|
|
color:
|
|
const Color(0xff353351).withOpacity(isDarkTheme ? 0.3 : 0.05),
|
|
borderRadius: BorderRadius.circular(0)),
|
|
child: BottomNavigationBar(
|
|
enableFeedback: true,
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
showSelectedLabels: true,
|
|
showUnselectedLabels: true,
|
|
selectedLabelStyle:
|
|
TextStyle(color: isDarkTheme ? Colors.white : Colors.black),
|
|
selectedItemColor: Theme.of(context).primaryColor,
|
|
unselectedItemColor: isDarkTheme ? Colors.white : Colors.black,
|
|
currentIndex: currentPage,
|
|
onTap: (value) => setState(() {
|
|
currentPage = value;
|
|
}),
|
|
items: List.generate(
|
|
_itemsList.length,
|
|
(index) => BottomNavigationBarItem(
|
|
icon: Icon(_itemsList[index]['icon'] as IconData,
|
|
size: 30,
|
|
color: index != currentPage
|
|
? const Color(0xffB5AEBE)
|
|
: Theme.of(context).primaryColor),
|
|
/*SvgPicture.asset(
|
|
_itemsList[index]['iconPath'] as String,
|
|
height: index != currentPage ? 20 : 24,
|
|
color: index != currentPage
|
|
? const Color(0xffB5AEBE)
|
|
: Theme.of(context).primaryColor),
|
|
*/
|
|
label: _itemsList[index]['name'] as String,
|
|
))),
|
|
),
|
|
body: _itemsList[currentPage]['route'] as Widget);
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
Widget buildold(BuildContext context) {
|
|
bool isDarkTheme = Provider.of<ThemeCollection>(context).isDarkActive;
|
|
|
|
ScreenUtil.init(context,
|
|
designSize: const Size(AppDimens.maxWidth, AppDimens.maxHeight));
|
|
|
|
// if (!_isfinishedLoad) {
|
|
// return const ProgressView();
|
|
// }
|
|
return Scaffold(
|
|
// appBar: SailAppBar(
|
|
// appTitle: _appModel.appTitle,
|
|
// ),
|
|
extendBody: true,
|
|
backgroundColor:
|
|
_appModel.isOn ? AppColors.greenColor : AppColors.grayColor,
|
|
body: SafeArea(
|
|
bottom: false,
|
|
child: HomeWidget(),
|
|
),
|
|
);
|
|
return AnnotatedRegion<SystemUiOverlayStyle>(
|
|
value: _appModel.isOn
|
|
? SystemUiOverlayStyle.dark
|
|
: SystemUiOverlayStyle.light,
|
|
child: Scaffold(
|
|
appBar: SailAppBar(
|
|
appTitle: _appModel.appTitle,
|
|
),
|
|
extendBody: true,
|
|
backgroundColor:
|
|
_appModel.isOn ? AppColors.greenColor : AppColors.grayColor,
|
|
body: SafeArea(
|
|
bottom: false,
|
|
child: PageView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
controller: _appModel.pageController,
|
|
children: const [
|
|
HomeWidget(),
|
|
PlanPage(),
|
|
ServerListPage(),
|
|
MyProfile()
|
|
],
|
|
)),
|
|
floatingActionButtonLocation:
|
|
FloatingActionButtonLocation.centerDocked,
|
|
// floatingActionButton: const PowerButton(),
|
|
bottomNavigationBar: ClipRRect(
|
|
// borderRadius: BorderRadius.only(
|
|
// topLeft: Radius.circular(ScreenUtil().setWidth(50)),
|
|
// topRight: Radius.circular(ScreenUtil().setWidth(50))),
|
|
child: BottomAppBar(
|
|
// notchMargin: 8,
|
|
// shape: const CircularNotchedRectangle(),
|
|
color:
|
|
_appModel.isOn ? AppColors.grayColor : AppColors.themeColor,
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: <Widget>[
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.home_rounded,
|
|
color: Colors.white,
|
|
),
|
|
onPressed: () => _appModel.jumpToPage(0),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.wallet,
|
|
color: Colors.white,
|
|
),
|
|
onPressed: () => _appModel.jumpToPage(1),
|
|
),
|
|
// SizedBox(
|
|
// width: ScreenUtil().setWidth(50),
|
|
// ),
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.cloud_rounded,
|
|
color: Colors.white,
|
|
),
|
|
onPressed: () => _appModel.jumpToPage(2),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.person,
|
|
color: Colors.white,
|
|
),
|
|
onPressed: () => _appModel.jumpToPage(3),
|
|
)
|
|
],
|
|
),
|
|
))));
|
|
}
|
|
}*/
|