zengyi/flutter_kinetra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:安卓一期无支付

Browse Source
This commit is contained in:
zengyi 2025-09-23 16:43:16 +08:00
parent 82d17e7dd8
commit 0ccd305d72
11 changed files with 1189 additions and 292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
lib/kt_pages/kt_main_page/logic.dart
View File

0
lib/kt_pages/kt_main_page/state.dart
View File

11
lib/kt_pages/kt_main_page/view.dart
View File

@ -3,11 +3,13 @@ import 'package:flutter/services.dart';
import 'package:flutter_kinetra/kt_pages/kt_actor/kt_actor_page.dart'; import 'package:flutter_kinetra/kt_pages/kt_actor/kt_actor_page.dart';
import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart'; import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../kt_utils/kt_keys.dart'; import '../../kt_utils/kt_keys.dart';
import '../kt_explore/view.dart'; import '../kt_explore/view.dart';
import '../kt_home/view.dart'; import '../kt_home/view.dart';
import '../kt_mine/view.dart'; import '../kt_mine/view.dart';
import '../kt_my_list/logic.dart';
import '../kt_my_list/view.dart'; import '../kt_my_list/view.dart';
class KtMainPage extends StatefulWidget { class KtMainPage extends StatefulWidget {
@ -104,13 +106,8 @@ class _KtMainPageState extends State<KtMainPage>
onTap: (index) { onTap: (index) {
_currentIndex = index; _currentIndex = index;
_controller.jumpToPage(index); _controller.jumpToPage(index);
// final recommendLogic = Get.put(RecommendLogic()); final myListLogic = Get.put(MyListLogic());
// if (index != 1) { myListLogic.initData();
// recommendLogic.videoCtrl?.pause();
// } else {
// recommendLogic.videoCtrl?.play();
// }
// recommendLogic.update();
}, },
items: [ items: [
..._tabsTitle.map( ..._tabsTitle.map(

279
lib/kt_pages/kt_mine/kt_help_center/kt_help_center_detail_page.dart Normal file
View File

@ -0,0 +1,279 @@
import 'dart:collection';
import 'dart:convert';
import 'dart:io';
import 'package:flustars/flustars.dart' hide ScreenUtil;
import 'package:flutter/material.dart';
import 'package:flutter_image_compress/flutter_image_compress.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart';
import 'package:flutter_kinetra/kt_utils/kt_utils.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:image_picker/image_picker.dart';
import '../../../dio_cilent/kt_apis.dart';
import '../../../kt_utils/kt_keys.dart';
import '../../../kt_widgets/kt_status_widget.dart';
import '../../../main.dart';
import '../../kt_routes.dart';
class KtKtHelpCenterDetailPage extends StatefulWidget {
const KtKtHelpCenterDetailPage({super.key});
@override
State<KtKtHelpCenterDetailPage> createState() => _KtKtHelpCenterDetailScreenState();
}
class _KtKtHelpCenterDetailScreenState extends State<KtKtHelpCenterDetailPage> {
late String id;
InAppWebViewController? _webViewController;
final ImagePicker _imgPicker = ImagePicker();
late Map<String, String> _userData;
KtLoadStatusType loadingStatus = KtLoadStatusType.loading;
static const String _androidInterfaceJs = """
window.AndroidInterface = {
getUserInfo: async function () {
return window.flutter_inappwebview.callHandler('getUserInfo');
},
openPhotoPicker: function () {
return window.flutter_inappwebview.callHandler('openPhotoPicker');
},
uploadConvertImage: function () {
return window.flutter_inappwebview.callHandler('uploadConvertImage');
},
};
""";
@override
void initState() {
id = Get.arguments['id'];
super.initState();
_initUserData();
}
@override
void dispose() {
_webViewController?.dispose();
super.dispose();
}
void _initUserData() {
_userData = {
'id': id,
'time_zone': KtUtils.getTimeZoneOffset(DateTime.now()),
'type': Platform.isAndroid ? 'android' : 'ios',
'lang': 'en',
'theme': 'theme_2',
'token': SpUtil.getString(KtKeys.token) ?? '',
'application': 'flutter',
};
}
Future<void> _handlePhotoPicker() async {
final XFile? image = await _imgPicker.pickImage(source: ImageSource.gallery);
if (image == null) return;
File imageFile = File(image.path);
final File compressedImage = await _compressToTargetSize(imageFile, 1024 * 1024);
final bytes = await compressedImage.readAsBytes();
final base64Data = base64Encode(bytes);
final data = base64Data;
final js =
'''
if (typeof window.onImagePicked === 'function') {
window.onImagePicked("$data");
}
''';
_webViewController?.evaluateJavascript(source: js);
}
Future<File> _compressToTargetSize(File file, int targetSize) async {
int quality = 90;
File compressed = file;
while ((await compressed.length()) > targetSize && quality > 10) {
final result = await FlutterImageCompress.compressWithFile(file.absolute.path, quality: quality);
if (result == null) break;
compressed = File('${file.parent.path}/compressed_${DateTime.now().millisecondsSinceEpoch}.jpg')
..writeAsBytesSync(result);
quality -= 10;
}
return compressed;
}
Future<void> _handlePhotoUpload(String base64Str) async {
debugPrint("收到 base64 图片数据：$base64Str");
await _webViewController?.evaluateJavascript(
source:
'''
if (window.uploadConvertImage) {
window.uploadConvertImage("$base64Str");
} else {
console.error("H5 没有定义 window.uploadConvertImage");
}
''',
);
}
Widget _buildWidget() {
switch (loadingStatus) {
case KtLoadStatusType.loading:
return const Center(child: CircularProgressIndicator());
case KtLoadStatusType.loadFailed:
return KtStatusWidget(
type: KtErrorStatusType.noNetwork,
onPressed: () {
_webViewController?.loadUrl(urlRequest: URLRequest(url: WebUri(KtApis.WEB_SITE_FEEDBACK_DETAIL)));
},
);
case KtLoadStatusType.loadNoData:
return KtStatusWidget(
type: KtErrorStatusType.notFound,
onPressed: () {
_webViewController?.reload();
},
);
default:
return const SizedBox.shrink();
}
}
void _registerJsHandlers(InAppWebViewController controller) {
controller.addJavaScriptHandler(handlerName: 'getUserInfo', callback: (args) => jsonEncode(_userData));
controller.addJavaScriptHandler(handlerName: 'openPhotoPicker', callback: (args) => _handlePhotoPicker());
controller.addJavaScriptHandler(
handlerName: 'uploadConvertImage',
callback: (args) {
if (args.isNotEmpty && args[0] is String) {
_handlePhotoUpload(args[0] as String);
}
},
);
}
Future<void> _registerIosMessageHandlers(InAppWebViewController controller) async {
await controller.addWebMessageListener(
WebMessageListener(
jsObjectName: "openPhotoPicker",
allowedOriginRules: {"*"},
onPostMessage: (message, origin, isMainFrame, replyProxy) {
_handlePhotoPicker();
},
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
extendBodyBehindAppBar: true,
body: Container(
width: ScreenUtil().screenWidth,
height: ScreenUtil().screenHeight,
padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight),
decoration: BoxDecoration(
image: DecorationImage(image: AssetImage('bg1.png'.ktIcon), fit: BoxFit.fill),
),
child: Column(
children: [
_buildAppBar(context),
Expanded(
child: Stack(
children: [
InAppWebView(
initialSettings: InAppWebViewSettings(
javaScriptEnabled: true,
mediaPlaybackRequiresUserGesture: false,
allowsInlineMediaPlayback: true,
cacheEnabled: false,
clearCache: true,
domStorageEnabled: false,
transparentBackground: true,
),
initialUserScripts: UnmodifiableListView<UserScript>([
UserScript(source: _androidInterfaceJs, injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START),
]),
onWebViewCreated: (controller) async {
_webViewController = controller;
_registerJsHandlers(controller);
if (Platform.isIOS) {
await _registerIosMessageHandlers(controller);
}
await controller.loadUrl(urlRequest: URLRequest(url: WebUri(KtApis.WEB_SITE_FEEDBACK_DETAIL)));
},
onLoadStop: (controller, url) async {
if (Platform.isAndroid) {
await controller.evaluateJavascript(source: _androidInterfaceJs);
} else if (Platform.isIOS) {
String userString = jsonEncode(_userData);
Future.delayed(const Duration(seconds: 1)).then((_) {
controller.evaluateJavascript(
source:
"""
if (typeof window.receiveDataFromNative === 'function') {
window.receiveDataFromNative($userString);
}
""",
);
});
}
await controller.evaluateJavascript(
source: """
window.onImagePicked = function(data) {
window.flutter_inappwebview.callHandler('uploadConvertImage', data);
};
""",
);
loadingStatus = KtLoadStatusType.loadSuccess;
setState(() {});
},
onLoadStart: (controller, url) {
loadingStatus = KtLoadStatusType.loading;
setState(() {});
},
onReceivedError: (controller, request, error) {
Future.delayed(const Duration(milliseconds: 500)).then((_) {
loadingStatus = KtLoadStatusType.loadFailed;
setState(() {});
});
},
onPageCommitVisible: (controller, uri) {
if (loadingStatus == KtLoadStatusType.loadFailed) {
controller.loadData(data: "<html></html>");
}
},
),
_buildWidget(),
],
),
),
],
),
),
);
}
Widget _buildAppBar(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 15.w),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
GestureDetector(
child: SizedBox(
width: 29.w,
child: Center(
child: Image.asset('ic_back.png'.ktIcon, width: 10.w),
),
),
onTap: () => Navigator.of(context).maybePop(),
),
Text(
'Help Center',
style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w500, color: Colors.black),
),
Container(width: 24.w),
],
),
);
}
}

254
lib/kt_pages/kt_mine/kt_help_center/kt_help_center_list_page.dart Normal file
View File

@ -0,0 +1,254 @@
import 'dart:collection';
import 'dart:convert';
import 'dart:io';
import 'package:flustars/flustars.dart' hide ScreenUtil;
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart';
import 'package:flutter_kinetra/kt_utils/kt_utils.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../../dio_cilent/kt_apis.dart';
import '../../../kt_utils/kt_keys.dart';
import '../../../kt_widgets/kt_status_widget.dart';
import '../../../main.dart';
import '../../kt_routes.dart';
class KtHelpCenterListPage extends StatefulWidget {
const KtHelpCenterListPage({super.key});
@override
State<KtHelpCenterListPage> createState() => _KtHelpCenterListPageState();
}
class _KtHelpCenterListPageState extends State<KtHelpCenterListPage> with RouteAware, AutomaticKeepAliveClientMixin {
InAppWebViewController? _webViewController;
late Map<String, String> _userData;
KtLoadStatusType loadingStatus = KtLoadStatusType.loading;
@override
void initState() {
super.initState();
_initUserData();
}
void _initUserData() {
_userData = {
'time_zone': KtUtils.getTimeZoneOffset(DateTime.now()),
'type': Platform.isAndroid ? 'android' : 'ios',
'lang': 'en',
'theme': 'theme_2',
'token': SpUtil.getString(KtKeys.token) ?? '',
};
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
routeObserver.subscribe(this, ModalRoute.of(context)! as PageRoute);
}
@override
void didPopNext() {
debugPrint('didPopNext');
_webViewController?.reload();
}
@override
void dispose() {
super.dispose();
_webViewController?.dispose();
routeObserver.unsubscribe(this);
}
Widget _buildWidget() {
switch (loadingStatus) {
case KtLoadStatusType.loading:
return Center(child: CircularProgressIndicator());
case KtLoadStatusType.loadFailed:
return KtStatusWidget(
type: KtErrorStatusType.noNetwork,
onPressed: () {
_webViewController?.loadUrl(urlRequest: URLRequest(url: WebUri(KtApis.WEB_SITE_FEEDBACK_LIST)));
},
);
case KtLoadStatusType.loadNoData:
return KtStatusWidget(
type: KtErrorStatusType.notFound,
onPressed: () {
_webViewController?.reload();
},
);
default:
return const SizedBox.shrink();
}
}
@override
Widget build(BuildContext context) {
super.build(context);
return Scaffold(
extendBodyBehindAppBar: true,
body: Container(
width: ScreenUtil().screenWidth,
height: ScreenUtil().screenHeight,
padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight),
decoration: BoxDecoration(
image: DecorationImage(image: AssetImage('bg1.png'.ktIcon), fit: BoxFit.fill),
),
child: Column(
children: [
_buildAppBar(context),
Expanded(
child: Stack(
children: [
InAppWebView(
initialSettings: InAppWebViewSettings(
javaScriptEnabled: true,
mediaPlaybackRequiresUserGesture: false,
allowsInlineMediaPlayback: true,
cacheEnabled: false,
clearCache: true,
domStorageEnabled: false,
transparentBackground: true, // 允许透明背景
),
initialUserScripts: UnmodifiableListView<UserScript>([
UserScript(
source: """
window.AndroidInterface = {
getUserInfo: async function () {
return window.flutter_inappwebview.callHandler('getUserInfo');
},
openFeedbackDetail: function (id) {
return window.flutter_inappwebview.callHandler('openFeedbackDetail',id);
},
};
""",
injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START,
),
]),
onWebViewCreated: (controller) async {
_webViewController = controller;
// Android 获取用户信息
_webViewController?.addJavaScriptHandler(
handlerName: 'getUserInfo',
callback: (args) {
return jsonEncode(_userData);
},
);
if (Platform.isAndroid) {
// Android 去详情页
_webViewController?.addJavaScriptHandler(
handlerName: 'openFeedbackDetail',
callback: (args) {
debugPrint('$args');
if (args.isNotEmpty && args[0] is String) {
final id = args[0] as String;
debugPrint('openFeedbackDetail==>$id');
Get.toNamed(KtRoutes.helpCenterDetail, arguments: {'id': id});
}
},
);
}
if (Platform.isIOS) {
await controller.addWebMessageListener(
WebMessageListener(
jsObjectName: "openFeedbackDetail",
allowedOriginRules: {"*"},
onPostMessage: (message, origin, isMainFrame, replyProxy) {
if (message == null) return;
Get.toNamed(KtRoutes.helpCenterDetail, arguments: {'id': message.data});
},
),
);
}
await controller.loadUrl(urlRequest: URLRequest(url: WebUri(KtApis.WEB_SITE_FEEDBACK_LIST)));
},
onLoadStop: (controller, url) async {
if (Platform.isAndroid) {
await controller.evaluateJavascript(
source: """
window.AndroidInterface = {
getUserInfo: async function () {
return window.flutter_inappwebview.callHandler('getUserInfo');
},
openFeedbackDetail: function (id) {
return window.flutter_inappwebview.callHandler('openFeedbackDetail',id);
},
};
""",
);
} else if (Platform.isIOS) {
String userString = jsonEncode(_userData);
Future.delayed(const Duration(seconds: 1)).then((_) {
controller.evaluateJavascript(
source:
"""
if (typeof window.receiveDataFromNative === 'function') {
window.receiveDataFromNative($userString);
}
""",
);
});
}
loadingStatus = KtLoadStatusType.loadSuccess;
setState(() {});
},
onLoadStart: (controller, url) {
loadingStatus = KtLoadStatusType.loading;
setState(() {});
},
onReceivedError: (controller, request, error) {
Future.delayed(const Duration(milliseconds: 500)).then((_) {
loadingStatus = KtLoadStatusType.loadNoData;
setState(() {});
});
},
onPageCommitVisible: (controller, uri) {
if (loadingStatus == KtLoadStatusType.loadFailed) {
controller.loadData(data: "<html></html>");
}
},
),
_buildWidget(),
],
),
),
],
),
),
);
}
Widget _buildAppBar(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 15.w),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
GestureDetector(
child: SizedBox(
width: 24.w,
child: Center(
child: Image.asset('ic_back.png'.ktIcon, width: 10.w),
),
),
onTap: () => Navigator.of(context).maybePop(),
),
Text(
'Help Center',
style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w500, color: Colors.black),
),
Container(width: 24.w),
],
),
);
}
@override
bool get wantKeepAlive => true;
}

370
lib/kt_pages/kt_mine/kt_help_center/kt_help_center_page.dart Normal file
View File

@ -0,0 +1,370 @@
import 'dart:collection';
import 'dart:convert';
import 'dart:io';
import 'package:badges/badges.dart';
import 'package:flustars/flustars.dart' hide ScreenUtil;
import 'package:flutter/material.dart' hide Badge;
import 'package:flutter_image_compress/flutter_image_compress.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:image_picker/image_picker.dart';
import '../../../dio_cilent/kt_apis.dart';
import '../../../dio_cilent/kt_request.dart';
import '../../../kt_utils/kt_keys.dart';
import '../../../kt_utils/kt_utils.dart';
import '../../../kt_widgets/kt_status_widget.dart';
import '../../../main.dart';
import 'kt_help_center_list_page.dart';
class KtHelpCenterPage extends StatefulWidget {
const KtHelpCenterPage({super.key});
@override
State<KtHelpCenterPage> createState() => _KtHelpCenterPageState();
}
class _KtHelpCenterPageState extends State<KtHelpCenterPage> with RouteAware {
InAppWebViewController? _webViewController;
final ImagePicker _imgPicker = ImagePicker();
int _noticeNum = 0;
late Map<String, String> _userData;
KtLoadStatusType loadingStatus = KtLoadStatusType.loading;
static const String _androidInterfaceJs = """
window.AndroidInterface = {
getUserInfo: async function () {
return window.flutter_inappwebview.callHandler('getUserInfo');
},
openPhotoPicker: function () {
return window.flutter_inappwebview.callHandler('openPhotoPicker');
},
uploadConvertImage: function () {
return window.flutter_inappwebview.callHandler('uploadConvertImage');
},
openFeedbackList: function () {
return window.flutter_inappwebview.callHandler('openFeedbackList');
},
};
""";
@override
void initState() {
super.initState();
_initUserData();
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
routeObserver.subscribe(this, ModalRoute.of(context)! as PageRoute);
}
@override
void didPopNext() {
_getNoticeNum();
_webViewController?.reload();
}
@override
void dispose() {
_webViewController?.dispose();
routeObserver.unsubscribe(this);
super.dispose();
}
void _initUserData() {
_userData = {
'time_zone': KtUtils.getTimeZoneOffset(DateTime.now()),
'type': Platform.isAndroid ? 'android' : 'ios',
'lang': 'en',
'theme': 'theme_2',
'token': SpUtil.getString(KtKeys.token) ?? '',
};
_getNoticeNum();
}
Future<void> _getNoticeNum() async {
final res = await KtHttpClient().request(KtApis.getNoticeNum);
if (res.success) {
_noticeNum =
int.tryParse(res.data['feedback_notice_num'].toString()) ?? 0;
if (mounted) setState(() {});
}
}
Future<void> _pickImage() async {
final XFile? image = await _imgPicker.pickImage(
source: ImageSource.gallery,
);
if (image != null) {
final compressedImage = await _compressToTargetSize(
File(image.path),
1024 * 1024,
);
final bytes = await compressedImage.readAsBytes();
final base64Data = base64Encode(bytes);
final data = base64Data;
final js =
'''
if (typeof window.onImagePicked === 'function') {
window.onImagePicked("$data");
}
''';
_webViewController?.evaluateJavascript(source: js);
}
}
Future<File> _compressToTargetSize(File file, int targetSize) async {
int quality = 90;
File compressed = file;
while ((await compressed.length()) > targetSize && quality > 10) {
final result = await FlutterImageCompress.compressWithFile(
file.absolute.path,
quality: quality,
);
if (result == null) break;
compressed = File(
'${file.parent.path}/compressed_${DateTime.now().millisecondsSinceEpoch}.jpg',
)..writeAsBytesSync(result);
quality -= 10;
}
return compressed;
}
Future<void> _uploadImage(String data) async {
await _webViewController?.evaluateJavascript(
source:
'''
if (window.uploadConvertImage) {
window.uploadConvertImage("$data");
} else {
console.error("H5 没有定义 window.uploadConvertImage");
}
''',
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
extendBodyBehindAppBar: true,
body: Container(
width: ScreenUtil().screenWidth,
height: ScreenUtil().screenHeight,
padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight),
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('bg1.png'.ktIcon),
fit: BoxFit.fill,
),
),
child: Column(
children: [
_buildAppBar(context),
Expanded(
child: Stack(
children: [
InAppWebView(
initialSettings: InAppWebViewSettings(
javaScriptEnabled: true,
mediaPlaybackRequiresUserGesture: false,
allowsInlineMediaPlayback: true,
cacheEnabled: false,
clearCache: true,
domStorageEnabled: false,
transparentBackground: true,
),
initialUserScripts: UnmodifiableListView<UserScript>([
UserScript(
source: _androidInterfaceJs,
injectionTime:
UserScriptInjectionTime.AT_DOCUMENT_START,
),
]),
onWebViewCreated: (controller) async {
_webViewController = controller;
_registerJsHandlers(controller);
if (Platform.isIOS) {
await _registerIosMessageHandlers(controller);
}
await controller.loadUrl(
urlRequest: URLRequest(
url: WebUri(KtApis.WEB_SITE_FEEDBACK),
),
);
},
onLoadStop: (controller, url) async {
if (Platform.isAndroid) {
await controller.evaluateJavascript(
source: _androidInterfaceJs,
);
} else if (Platform.isIOS) {
String userString = jsonEncode(_userData);
Future.delayed(const Duration(seconds: 1)).then((_) {
controller.evaluateJavascript(
source:
'''
if (typeof window.receiveDataFromNative === 'function') {
window.receiveDataFromNative($userString);
}
''',
);
});
}
await controller.evaluateJavascript(
source: '''
window.onImagePicked = function(data) {
console.log("📷 接收到来自 Flutter 的图片数据", data);
window.flutter_inappwebview.callHandler('uploadConvertImage', data);
};
''',
);
loadingStatus = KtLoadStatusType.loadSuccess;
setState(() {});
},
onLoadStart: (controller, url) {
loadingStatus = KtLoadStatusType.loading;
setState(() {});
},
onReceivedError: (controller, request, error) {
Future.delayed(const Duration(milliseconds: 500)).then((
_,
) {
loadingStatus = KtLoadStatusType.loadFailed;
setState(() {});
});
},
onPageCommitVisible: (controller, uri) {
if (loadingStatus == KtLoadStatusType.loadFailed) {
controller.loadData(data: "<html></html>");
}
},
),
_buildWidget(),
],
),
),
],
),
),
);
}
Widget _buildAppBar(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(horizontal: 15.w),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
GestureDetector(
child: SizedBox(
width: 29.w,
child: Center(
child: Image.asset('ic_back.png'.ktIcon, width: 10.w),
),
),
onTap: () => Navigator.of(context).maybePop(),
),
Text(
'Help Center',
style: TextStyle(
fontSize: 16.sp,
fontWeight: FontWeight.w500,
color: Colors.black,
),
),
Badge(
showBadge: _noticeNum > 0,
badgeContent: Text(
_noticeNum > 99 ? '99+' : '$_noticeNum',
style: const TextStyle(color: Colors.white, fontSize: 10),
),
badgeStyle: BadgeStyle(badgeColor: Color(0xFFF306B9)),
position: BadgePosition.topEnd(top: -5, end: -5),
child: GestureDetector(
onTap: () => Get.to(() => KtHelpCenterListPage()),
child: Padding(
padding: EdgeInsets.all(5.w),
child: Image.asset('ic_help_center.png'.ktIcon, width: 24.w),
),
),
),
],
),
);
}
void _registerJsHandlers(InAppWebViewController controller) {
controller.addJavaScriptHandler(
handlerName: 'getUserInfo',
callback: (args) => jsonEncode(_userData),
);
controller.addJavaScriptHandler(
handlerName: 'openPhotoPicker',
callback: (args) => _pickImage(),
);
controller.addJavaScriptHandler(
handlerName: 'uploadConvertImage',
callback: (args) {
if (args.isNotEmpty && args[0] is String) {
_uploadImage(args[0] as String);
}
},
);
controller.addJavaScriptHandler(
handlerName: 'openFeedbackList',
callback: (args) => Get.to(() => KtHelpCenterListPage()),
);
}
Future<void> _registerIosMessageHandlers(
InAppWebViewController controller,
) async {
await controller.addWebMessageListener(
WebMessageListener(
jsObjectName: "openPhotoPicker",
allowedOriginRules: {"*"},
onPostMessage: (message, origin, isMainFrame, replyProxy) {
_pickImage();
},
),
);
await controller.addWebMessageListener(
WebMessageListener(
jsObjectName: "openFeedbackList",
allowedOriginRules: {"*"},
onPostMessage: (message, origin, isMainFrame, replyProxy) =>
Get.to(() => KtHelpCenterListPage()),
),
);
}
Widget _buildWidget() {
debugPrint('----loadStatus:$loadingStatus');
switch (loadingStatus) {
case KtLoadStatusType.loading:
return Center(child: CircularProgressIndicator());
case KtLoadStatusType.loadFailed:
return KtStatusWidget(
type: KtErrorStatusType.noNetwork,
onPressed: () {
_webViewController?.loadUrl(
urlRequest: URLRequest(url: WebUri(KtApis.WEB_SITE_FEEDBACK)),
);
},
);
case KtLoadStatusType.loadNoData:
return KtStatusWidget(
type: KtErrorStatusType.notFound,
onPressed: () {
_webViewController?.reload();
},
);
default:
return const SizedBox.shrink();
}
}
}

2
lib/kt_pages/kt_mine/view.dart
View File

@ -207,7 +207,7 @@ class _KtMinePageState extends State<KtMinePage> {
handleItem( handleItem(
'ic_help_center.png', 'ic_help_center.png',
'Help Center', 'Help Center',
() => Get.toNamed(KtRoutes.search), () => Get.toNamed(KtRoutes.helpCenter),
), ),
handleItem( handleItem(
'ic_about_us.png', 'ic_about_us.png',

22
lib/kt_pages/kt_my_list/logic.dart
View File

@ -125,25 +125,7 @@ class MyListLogic extends GetxController {
"video_id": video.shortPlayVideoId, "video_id": video.shortPlayVideoId,
}; };
if (video.isCollect == 1) { if (video.isCollect == 1) {
Get.dialog( cancelCollect(video.shortPlayId!);
KtDialog(
title: 'Remove from your list?',
subTitle: 'This drama will be removed from your saved list.',
rightBtnText: 'Remove',
rightBtnIcon: 'ic_dialog_delete.png',
rightBtnFunc: () async {
ApiResponse res = await KtHttpClient().request(
KtApis.deleteFavoriteVideo,
data: params,
);
if (res.success) {
video.isCollect = 0;
getCollectList(refresh: true);
update();
}
},
),
);
} else { } else {
ApiResponse res = await KtHttpClient().request( ApiResponse res = await KtHttpClient().request(
KtApis.collectVideo, KtApis.collectVideo,
@ -170,7 +152,7 @@ class MyListLogic extends GetxController {
queryParameters: {'short_play_id': id}, queryParameters: {'short_play_id': id},
); );
if (res.success) { if (res.success) {
state.favoriteList.removeWhere((item) => id == item.shortPlayId); // state.favoriteList.removeWhere((item) => id == item.shortPlayId);
state.chestList.removeWhere((item) => id == item.shortPlayId); state.chestList.removeWhere((item) => id == item.shortPlayId);
state.historyList state.historyList
.firstWhereOrNull((item) => id == item.shortPlayId) .firstWhereOrNull((item) => id == item.shortPlayId)

513
lib/kt_pages/kt_my_list/view.dart
View File

@ -1,5 +1,4 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_kinetra/kt_model/kt_short_video_bean.dart';
import 'package:flutter_kinetra/kt_pages/kt_my_list/kt_my_chest_page.dart'; import 'package:flutter_kinetra/kt_pages/kt_my_list/kt_my_chest_page.dart';
import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart'; import 'package:flutter_kinetra/kt_utils/kt_string_extend.dart';
import 'package:flutter_kinetra/kt_widgets/kt_status_widget.dart'; import 'package:flutter_kinetra/kt_widgets/kt_status_widget.dart';
@ -27,7 +26,7 @@ class _KtMyListPageState extends State<KtMyListPage> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GetBuilder<MyListLogic>( return GetBuilder<MyListLogic>(
builder: (ctrl) { builder: (ctrl) {
if (state.loadStatus == KtLoadStatusType.loading) return Container(); // if (state.loadStatus == KtLoadStatusType.loading) return Center(child: CircularProgressIndicator());
return Container( return Container(
width: ScreenUtil().screenWidth, width: ScreenUtil().screenWidth,
height: ScreenUtil().screenHeight, height: ScreenUtil().screenHeight,
@ -40,286 +39,286 @@ class _KtMyListPageState extends State<KtMyListPage> {
), ),
child: state.chestList.isEmpty && state.historyList.isEmpty child: state.chestList.isEmpty && state.historyList.isEmpty
? KtStatusWidget( ? KtStatusWidget(
type: KtErrorStatusType.nothingYet, type: KtErrorStatusType.nothingYet,
onPressed: logic.initData, onPressed: logic.initData,
) )
: SmartRefresher( : SmartRefresher(
controller: logic.refreshCtrl, controller: logic.refreshCtrl,
enablePullUp: true, enablePullUp: true,
enablePullDown: true, enablePullDown: true,
onRefresh: () => logic.initData(), onRefresh: () => logic.initData(),
onLoading: () => logic.getHistoryList(loadMore: true), onLoading: () => logic.getHistoryList(loadMore: true),
child: Column( child: Column(
children: [ children: [
if (state.chestList.isNotEmpty) if (state.chestList.isNotEmpty)
Container( Container(
width: ScreenUtil().screenWidth - 30.w, width: ScreenUtil().screenWidth - 30.w,
padding: EdgeInsets.fromLTRB(6.w, 53.w, 6.w, 6.w), padding: EdgeInsets.fromLTRB(6.w, 53.w, 6.w, 6.w),
decoration: BoxDecoration( decoration: BoxDecoration(
image: DecorationImage( image: DecorationImage(
image: AssetImage('collect_bg.png'.ktIcon), image: AssetImage('collect_bg.png'.ktIcon),
fit: BoxFit.fill, fit: BoxFit.fill,
),
),
child: Column(
children: [
Row(
children: [
SizedBox(width: 6.w),
Text(
'My Treasure Chest',
style: TextStyle(
fontSize: 18.sp,
color: Colors.white,
fontWeight: FontWeight.w800,
fontStyle: FontStyle.italic,
),
), ),
), const Spacer(),
child: Column( GestureDetector(
children: [ onTap: () => Get.to(KtMyChestPage()),
Row( child: Row(
children: [ children: [
SizedBox(width: 6.w),
Text( Text(
'My Treasure Chest', 'View All',
style: TextStyle( style: TextStyle(
fontSize: 18.sp, fontSize: 12.sp,
color: Colors.white, color: Color(0xFFD6D6D6),
fontWeight: FontWeight.w800,
fontStyle: FontStyle.italic,
), ),
), ),
const Spacer(), Image.asset(
GestureDetector( 'ic_right_white.png'.ktIcon,
onTap: () => Get.to(KtMyChestPage()), width: 10.w,
child: Row(
children: [
Text(
'View All',
style: TextStyle(
fontSize: 12.sp,
color: Color(0xFFD6D6D6),
),
),
Image.asset(
'ic_right_white.png'.ktIcon,
width: 10.w,
),
SizedBox(width: 6.w),
],
),
), ),
SizedBox(width: 6.w),
], ],
), ),
SizedBox(height: 15.w), ),
Container( ],
height: 145.w,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(14.w),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
...state.chestList.map(
(video) => Container(
margin: EdgeInsets.symmetric(
horizontal: 5.w,
),
child: Stack(
children: [
GestureDetector(
onTap: () => Get.toNamed(
KtRoutes.shortVideo,
arguments: {
'shortPlayId':
video.shortPlayId,
'imageUrl':
video.imageUrl ?? '',
},
),
child: KtNetworkImage(
imageUrl: video.imageUrl ?? '',
width: 100.w,
height: 133.w,
borderRadius:
BorderRadius.circular(6.w),
),
),
Positioned(
right: 4.w,
top: 4.w,
child: GestureDetector(
onTap: () =>
logic.cancelCollect(
video.shortPlayId!,
),
child: Image.asset(
'ic_collect_sel.png'.ktIcon,
width: 28.w,
),
),
),
],
),
),
),
],
),
),
],
),
), ),
SizedBox(height: 15.w), SizedBox(height: 15.w),
Expanded( Container(
child: Container( height: 145.w,
width: ScreenUtil().screenWidth,
padding: EdgeInsets.all(15.w),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: Colors.white,
borderRadius: BorderRadius.vertical( borderRadius: BorderRadius.circular(14.w),
top: Radius.circular(20.w),
),
), ),
child: Column( child: Row(
crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Text( ...state.chestList.map(
'Continue Watching', (video) => Container(
style: TextStyle( margin: EdgeInsets.symmetric(
fontSize: 18.sp, horizontal: 5.w,
color: Color(0xFF1E1E20), ),
fontWeight: FontWeight.w800, child: Stack(
fontStyle: FontStyle.italic, children: [
), GestureDetector(
), onTap: () => Get.toNamed(
Expanded( KtRoutes.shortVideo,
child: ListView.separated( arguments: {
padding: EdgeInsets.only(top: 10.w), 'shortPlayId':
// shrinkWrap: true, video.shortPlayId,
// physics: NeverScrollableScrollPhysics(), 'imageUrl':
itemBuilder: (context, index) { video.imageUrl ?? '',
KtHistoryVideoBean video = },
state.historyList[index]; ),
return GestureDetector( child: KtNetworkImage(
onTap: () => Get.toNamed( imageUrl: video.imageUrl ?? '',
KtRoutes.shortVideo, width: 100.w,
arguments: { height: 133.w,
'shortPlayId': video.shortPlayId, borderRadius:
'imageUrl': video.imageUrl ?? '', BorderRadius.circular(6.w),
},
),
child: Container(
color: Colors.transparent,
child: Row(
children: [
KtNetworkImage(
imageUrl: video.imageUrl ?? '',
width: 74.w,
height: 98.w,
borderRadius:
BorderRadius.circular(8.w),
),
SizedBox(width: 13.w),
SizedBox(
width: 200.w,
height: 98.w,
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
mainAxisAlignment:
MainAxisAlignment.start,
children: [
Text(
video.name ?? '',
maxLines: 1,
overflow:
TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.sp,
color: Color(0xFF1E1E20),
fontWeight:
FontWeight.w500,
),
),
SizedBox(height: 6.w),
Text(
video.category?.first ?? '',
maxLines: 1,
overflow:
TextOverflow.ellipsis,
style: TextStyle(
fontSize: 10.sp,
color: Color(0xFF79C900),
fontWeight:
FontWeight.w400,
),
),
SizedBox(height: 20.w),
Row(
children: [
SizedBox(
width: 26.w,
height: 26.w,
child: CircularProgressIndicator(
value:
(video.currentEpisode ??
0) /
(video.episodeTotal! >
0
? video
.episodeTotal!
: 1),
backgroundColor:
Color(0xFFD9D9D9),
valueColor:
AlwaysStoppedAnimation<
Color
>(
Color(
0xFFA7F62F,
),
),
strokeWidth: 3.w,
),
),
SizedBox(width: 5.w),
Text(
"${((video.currentEpisode ?? 0) / (video.episodeTotal! > 0 ? video.episodeTotal! : 1) * 100).toStringAsFixed(0)}%",
style: TextStyle(
fontSize: 12.sp,
color: Color(
0xFF1E1E20,
),
fontWeight:
FontWeight.w400,
),
),
],
),
],
),
),
const Spacer(),
GestureDetector(
onTap: () =>
logic.likeVideo(video),
child: Column(
children: [
Image.asset(
video.isCollect == 1
? 'ic_collect_sel.png'
.ktIcon
: 'ic_collect_unsel.png'
.ktIcon,
width: 32.w,
),
],
),
),
],
), ),
), ),
); Positioned(
}, right: 4.w,
separatorBuilder: (_, __) => top: 4.w,
SizedBox(height: 12.w), child: GestureDetector(
itemCount: state.historyList.length, onTap: () =>
logic.cancelCollect(
video.shortPlayId!,
),
child: Image.asset(
'ic_collect_sel.png'.ktIcon,
width: 28.w,
),
),
),
],
),
), ),
), ),
], ],
), ),
), ),
],
),
),
SizedBox(height: 15.w),
Expanded(
child: Container(
width: ScreenUtil().screenWidth,
padding: EdgeInsets.all(15.w),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.vertical(
top: Radius.circular(20.w),
), ),
], ),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Continue Watching',
style: TextStyle(
fontSize: 18.sp,
color: Color(0xFF1E1E20),
fontWeight: FontWeight.w800,
fontStyle: FontStyle.italic,
),
),
Expanded(
child: ListView.separated(
padding: EdgeInsets.only(top: 10.w),
// shrinkWrap: true,
// physics: NeverScrollableScrollPhysics(),
itemBuilder: (context, index) {
KtHistoryVideoBean video =
state.historyList[index];
return GestureDetector(
onTap: () => Get.toNamed(
KtRoutes.shortVideo,
arguments: {
'shortPlayId': video.shortPlayId,
'imageUrl': video.imageUrl ?? '',
},
),
child: Container(
color: Colors.transparent,
child: Row(
children: [
KtNetworkImage(
imageUrl: video.imageUrl ?? '',
width: 74.w,
height: 98.w,
borderRadius:
BorderRadius.circular(8.w),
),
SizedBox(width: 13.w),
SizedBox(
width: 200.w,
height: 98.w,
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
mainAxisAlignment:
MainAxisAlignment.start,
children: [
Text(
video.name ?? '',
maxLines: 1,
overflow:
TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.sp,
color: Color(0xFF1E1E20),
fontWeight:
FontWeight.w500,
),
),
SizedBox(height: 6.w),
Text(
video.category?.first ?? '',
maxLines: 1,
overflow:
TextOverflow.ellipsis,
style: TextStyle(
fontSize: 10.sp,
color: Color(0xFF79C900),
fontWeight:
FontWeight.w400,
),
),
SizedBox(height: 20.w),
Row(
children: [
SizedBox(
width: 26.w,
height: 26.w,
child: CircularProgressIndicator(
value:
(video.currentEpisode ??
0) /
(video.episodeTotal! >
0
? video
.episodeTotal!
: 1),
backgroundColor:
Color(0xFFD9D9D9),
valueColor:
AlwaysStoppedAnimation<
Color
>(
Color(
0xFFA7F62F,
),
),
strokeWidth: 3.w,
),
),
SizedBox(width: 5.w),
Text(
"${((video.currentEpisode ?? 0) / (video.episodeTotal! > 0 ? video.episodeTotal! : 1) * 100).toStringAsFixed(0)}%",
style: TextStyle(
fontSize: 12.sp,
color: Color(
0xFF1E1E20,
),
fontWeight:
FontWeight.w400,
),
),
],
),
],
),
),
const Spacer(),
GestureDetector(
onTap: () =>
logic.likeVideo(video),
child: Column(
children: [
Image.asset(
video.isCollect == 1
? 'ic_collect_sel.png'
.ktIcon
: 'ic_collect_unsel.png'
.ktIcon,
width: 32.w,
),
],
),
),
],
),
),
);
},
separatorBuilder: (_, __) =>
SizedBox(height: 12.w),
itemCount: state.historyList.length,
),
),
],
),
), ),
), ),
],
),
),
); );
}, },
); );

12
lib/kt_pages/kt_routes.dart
View File

@ -4,6 +4,9 @@ import 'package:get/get_navigation/src/routes/get_route.dart';
import 'kt_main_page/view.dart'; import 'kt_main_page/view.dart';
import 'kt_mine/insert_web/wallet_page.dart'; import 'kt_mine/insert_web/wallet_page.dart';
import 'kt_mine/kt_about_us_page.dart'; import 'kt_mine/kt_about_us_page.dart';
import 'kt_mine/kt_help_center/kt_help_center_detail_page.dart';
import 'kt_mine/kt_help_center/kt_help_center_list_page.dart';
import 'kt_mine/kt_help_center/kt_help_center_page.dart';
import 'kt_mine/kt_store/view.dart'; import 'kt_mine/kt_store/view.dart';
import 'kt_short_video/view.dart'; import 'kt_short_video/view.dart';
import 'kt_splash_page.dart'; import 'kt_splash_page.dart';
@ -38,9 +41,12 @@ class KtRoutes {
GetPage(name: store, page: () => KtStorePage()), GetPage(name: store, page: () => KtStorePage()),
GetPage(name: wallet, page: () => const WalletPage()), GetPage(name: wallet, page: () => const WalletPage()),
GetPage(name: aboutUs, page: () => const KtAboutUsPage()), GetPage(name: aboutUs, page: () => const KtAboutUsPage()),
// GetPage(name: helpCenter, page: () => const HelpCenterPage()), GetPage(name: helpCenter, page: () => const KtHelpCenterPage()),
// GetPage(name: helpCenterList, page: () => const HelpCenterListPage()), GetPage(name: helpCenterList, page: () => const KtHelpCenterListPage()),
// GetPage(name: helpCenterDetail, page: () => const HelpCenterDetailPage()), GetPage(
name: helpCenterDetail,
page: () => const KtKtHelpCenterDetailPage(),
),
GetPage( GetPage(
name: webView, name: webView,
page: () => const KtWebViewPage(url: 'url'), page: () => const KtWebViewPage(url: 'url'),

18
lib/kt_pages/kt_short_video/logic.dart
View File

@ -1,3 +1,5 @@
import 'dart:io';
import 'package:flutter/cupertino.dart'; import 'package:flutter/cupertino.dart';
import 'package:flutter_kinetra/kt_pages/kt_short_video/state.dart'; import 'package:flutter_kinetra/kt_pages/kt_short_video/state.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
@ -6,6 +8,7 @@ import 'package:video_player/video_player.dart';
import '../../dio_cilent/kt_apis.dart'; import '../../dio_cilent/kt_apis.dart';
import '../../dio_cilent/kt_request.dart'; import '../../dio_cilent/kt_request.dart';
import '../../kt_model/kt_video_detail_bean.dart'; import '../../kt_model/kt_video_detail_bean.dart';
import '../../kt_utils/kt_device_info_utils.dart';
import '../../kt_widgets/kt_status_widget.dart'; import '../../kt_widgets/kt_status_widget.dart';
class VideoPlayLogic extends GetxController { class VideoPlayLogic extends GetxController {
@ -212,10 +215,17 @@ class VideoPlayLogic extends GetxController {
if (controllers[index] != null) return; if (controllers[index] != null) return;
final episode = state.episodeList[index]; final episode = state.episodeList[index];
final controller = VideoPlayerController.networkUrl( VideoPlayerController controller =
Uri.parse(episode.videoUrl!), Platform.isAndroid && KtDeviceInfoUtil().osVersion == '10'
formatHint: VideoFormat.hls, ? VideoPlayerController.networkUrl(
); Uri.parse(episode.videoUrl!),
formatHint: VideoFormat.hls,
viewType: VideoViewType.platformView,
)
: VideoPlayerController.networkUrl(
Uri.parse(episode.videoUrl!),
formatHint: VideoFormat.hls,
);
controllers[index] = controller; controllers[index] = controller;