From 0ccd305d72fc456c064a411b83e858222ce11994 Mon Sep 17 00:00:00 2001 From: zengyi Date: Tue, 23 Sep 2025 16:43:16 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=89=E5=8D=93=E4=B8=80=E6=9C=9F?= =?UTF-8?q?=E6=97=A0=E6=94=AF=E4=BB=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/kt_pages/kt_main_page/logic.dart | 0 lib/kt_pages/kt_main_page/state.dart | 0 lib/kt_pages/kt_main_page/view.dart | 11 +- .../kt_help_center_detail_page.dart | 279 ++++++++++ .../kt_help_center_list_page.dart | 254 +++++++++ .../kt_help_center/kt_help_center_page.dart | 370 +++++++++++++ lib/kt_pages/kt_mine/view.dart | 2 +- lib/kt_pages/kt_my_list/logic.dart | 22 +- lib/kt_pages/kt_my_list/view.dart | 513 +++++++++--------- lib/kt_pages/kt_routes.dart | 12 +- lib/kt_pages/kt_short_video/logic.dart | 18 +- 11 files changed, 1189 insertions(+), 292 deletions(-) delete mode 100644 lib/kt_pages/kt_main_page/logic.dart delete mode 100644 lib/kt_pages/kt_main_page/state.dart create mode 100644 lib/kt_pages/kt_mine/kt_help_center/kt_help_center_detail_page.dart create mode 100644 lib/kt_pages/kt_mine/kt_help_center/kt_help_center_list_page.dart create mode 100644 lib/kt_pages/kt_mine/kt_help_center/kt_help_center_page.dart diff --git a/lib/kt_pages/kt_main_page/logic.dart b/lib/kt_pages/kt_main_page/logic.dart deleted file mode 100644 index e69de29..0000000 diff --git a/lib/kt_pages/kt_main_page/state.dart b/lib/kt_pages/kt_main_page/state.dart deleted file mode 100644 index e69de29..0000000 diff --git a/lib/kt_pages/kt_main_page/view.dart b/lib/kt_pages/kt_main_page/view.dart index 4710dc7..f1cf7d5 100644 --- a/lib/kt_pages/kt_main_page/view.dart +++ b/lib/kt_pages/kt_main_page/view.dart @@ -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_utils/kt_string_extend.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:get/get.dart'; import '../../kt_utils/kt_keys.dart'; import '../kt_explore/view.dart'; import '../kt_home/view.dart'; import '../kt_mine/view.dart'; +import '../kt_my_list/logic.dart'; import '../kt_my_list/view.dart'; class KtMainPage extends StatefulWidget { @@ -104,13 +106,8 @@ class _KtMainPageState extends State onTap: (index) { _currentIndex = index; _controller.jumpToPage(index); - // final recommendLogic = Get.put(RecommendLogic()); - // if (index != 1) { - // recommendLogic.videoCtrl?.pause(); - // } else { - // recommendLogic.videoCtrl?.play(); - // } - // recommendLogic.update(); + final myListLogic = Get.put(MyListLogic()); + myListLogic.initData(); }, items: [ ..._tabsTitle.map( diff --git a/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_detail_page.dart b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_detail_page.dart new file mode 100644 index 0000000..43a1e7a --- /dev/null +++ b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_detail_page.dart @@ -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 createState() => _KtKtHelpCenterDetailScreenState(); +} + +class _KtKtHelpCenterDetailScreenState extends State { + late String id; + + InAppWebViewController? _webViewController; + final ImagePicker _imgPicker = ImagePicker(); + late Map _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 _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 _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 _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 _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(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: ""); + } + }, + ), + _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), + ], + ), + ); + } +} diff --git a/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_list_page.dart b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_list_page.dart new file mode 100644 index 0000000..e7d5570 --- /dev/null +++ b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_list_page.dart @@ -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 createState() => _KtHelpCenterListPageState(); +} + +class _KtHelpCenterListPageState extends State with RouteAware, AutomaticKeepAliveClientMixin { + InAppWebViewController? _webViewController; + late Map _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( + 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: ""); + } + }, + ), + _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; +} diff --git a/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_page.dart b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_page.dart new file mode 100644 index 0000000..77d1a2d --- /dev/null +++ b/lib/kt_pages/kt_mine/kt_help_center/kt_help_center_page.dart @@ -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 createState() => _KtHelpCenterPageState(); +} + +class _KtHelpCenterPageState extends State with RouteAware { + InAppWebViewController? _webViewController; + final ImagePicker _imgPicker = ImagePicker(); + int _noticeNum = 0; + late Map _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 _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 _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 _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 _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( + 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: ""); + } + }, + ), + _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 _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(); + } + } +} diff --git a/lib/kt_pages/kt_mine/view.dart b/lib/kt_pages/kt_mine/view.dart index 9d5ef2c..18fe1c4 100644 --- a/lib/kt_pages/kt_mine/view.dart +++ b/lib/kt_pages/kt_mine/view.dart @@ -207,7 +207,7 @@ class _KtMinePageState extends State { handleItem( 'ic_help_center.png', 'Help Center', - () => Get.toNamed(KtRoutes.search), + () => Get.toNamed(KtRoutes.helpCenter), ), handleItem( 'ic_about_us.png', diff --git a/lib/kt_pages/kt_my_list/logic.dart b/lib/kt_pages/kt_my_list/logic.dart index 160b5f6..2bbbb73 100644 --- a/lib/kt_pages/kt_my_list/logic.dart +++ b/lib/kt_pages/kt_my_list/logic.dart @@ -125,25 +125,7 @@ class MyListLogic extends GetxController { "video_id": video.shortPlayVideoId, }; if (video.isCollect == 1) { - Get.dialog( - 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(); - } - }, - ), - ); + cancelCollect(video.shortPlayId!); } else { ApiResponse res = await KtHttpClient().request( KtApis.collectVideo, @@ -170,7 +152,7 @@ class MyListLogic extends GetxController { queryParameters: {'short_play_id': id}, ); 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.historyList .firstWhereOrNull((item) => id == item.shortPlayId) diff --git a/lib/kt_pages/kt_my_list/view.dart b/lib/kt_pages/kt_my_list/view.dart index 8379b09..99c526a 100644 --- a/lib/kt_pages/kt_my_list/view.dart +++ b/lib/kt_pages/kt_my_list/view.dart @@ -1,5 +1,4 @@ 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_utils/kt_string_extend.dart'; import 'package:flutter_kinetra/kt_widgets/kt_status_widget.dart'; @@ -27,7 +26,7 @@ class _KtMyListPageState extends State { Widget build(BuildContext context) { return GetBuilder( builder: (ctrl) { - if (state.loadStatus == KtLoadStatusType.loading) return Container(); + // if (state.loadStatus == KtLoadStatusType.loading) return Center(child: CircularProgressIndicator()); return Container( width: ScreenUtil().screenWidth, height: ScreenUtil().screenHeight, @@ -40,286 +39,286 @@ class _KtMyListPageState extends State { ), child: state.chestList.isEmpty && state.historyList.isEmpty ? KtStatusWidget( - type: KtErrorStatusType.nothingYet, - onPressed: logic.initData, - ) + type: KtErrorStatusType.nothingYet, + onPressed: logic.initData, + ) : SmartRefresher( - controller: logic.refreshCtrl, - enablePullUp: true, - enablePullDown: true, - onRefresh: () => logic.initData(), - onLoading: () => logic.getHistoryList(loadMore: true), - child: Column( - children: [ - if (state.chestList.isNotEmpty) - Container( - width: ScreenUtil().screenWidth - 30.w, - padding: EdgeInsets.fromLTRB(6.w, 53.w, 6.w, 6.w), - decoration: BoxDecoration( - image: DecorationImage( - image: AssetImage('collect_bg.png'.ktIcon), - fit: BoxFit.fill, + controller: logic.refreshCtrl, + enablePullUp: true, + enablePullDown: true, + onRefresh: () => logic.initData(), + onLoading: () => logic.getHistoryList(loadMore: true), + child: Column( + children: [ + if (state.chestList.isNotEmpty) + Container( + width: ScreenUtil().screenWidth - 30.w, + padding: EdgeInsets.fromLTRB(6.w, 53.w, 6.w, 6.w), + decoration: BoxDecoration( + image: DecorationImage( + image: AssetImage('collect_bg.png'.ktIcon), + 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, + ), ), - ), - child: Column( - children: [ - Row( + const Spacer(), + GestureDetector( + onTap: () => Get.to(KtMyChestPage()), + child: Row( children: [ - SizedBox(width: 6.w), Text( - 'My Treasure Chest', + 'View All', style: TextStyle( - fontSize: 18.sp, - color: Colors.white, - fontWeight: FontWeight.w800, - fontStyle: FontStyle.italic, + fontSize: 12.sp, + color: Color(0xFFD6D6D6), ), ), - const Spacer(), - GestureDetector( - onTap: () => Get.to(KtMyChestPage()), - 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), - ], - ), + Image.asset( + 'ic_right_white.png'.ktIcon, + width: 10.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), - Expanded( - child: Container( - width: ScreenUtil().screenWidth, - padding: EdgeInsets.all(15.w), + SizedBox(height: 15.w), + Container( + height: 145.w, decoration: BoxDecoration( color: Colors.white, - borderRadius: BorderRadius.vertical( - top: Radius.circular(20.w), - ), + borderRadius: BorderRadius.circular(14.w), ), - child: Column( - crossAxisAlignment: CrossAxisAlignment.start, + child: Row( + mainAxisAlignment: MainAxisAlignment.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, - ), - ], - ), - ), - ], + ...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), ), ), - ); - }, - separatorBuilder: (_, __) => - SizedBox(height: 12.w), - itemCount: state.historyList.length, + 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), + 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, + ), + ), + ], + ), ), ), + ], + ), + ), ); }, ); diff --git a/lib/kt_pages/kt_routes.dart b/lib/kt_pages/kt_routes.dart index 3c9a604..923f1bc 100644 --- a/lib/kt_pages/kt_routes.dart +++ b/lib/kt_pages/kt_routes.dart @@ -4,6 +4,9 @@ import 'package:get/get_navigation/src/routes/get_route.dart'; import 'kt_main_page/view.dart'; import 'kt_mine/insert_web/wallet_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_short_video/view.dart'; import 'kt_splash_page.dart'; @@ -38,9 +41,12 @@ class KtRoutes { GetPage(name: store, page: () => KtStorePage()), GetPage(name: wallet, page: () => const WalletPage()), GetPage(name: aboutUs, page: () => const KtAboutUsPage()), - // GetPage(name: helpCenter, page: () => const HelpCenterPage()), - // GetPage(name: helpCenterList, page: () => const HelpCenterListPage()), - // GetPage(name: helpCenterDetail, page: () => const HelpCenterDetailPage()), + GetPage(name: helpCenter, page: () => const KtHelpCenterPage()), + GetPage(name: helpCenterList, page: () => const KtHelpCenterListPage()), + GetPage( + name: helpCenterDetail, + page: () => const KtKtHelpCenterDetailPage(), + ), GetPage( name: webView, page: () => const KtWebViewPage(url: 'url'), diff --git a/lib/kt_pages/kt_short_video/logic.dart b/lib/kt_pages/kt_short_video/logic.dart index 7e83448..1cbc0c0 100644 --- a/lib/kt_pages/kt_short_video/logic.dart +++ b/lib/kt_pages/kt_short_video/logic.dart @@ -1,3 +1,5 @@ +import 'dart:io'; + import 'package:flutter/cupertino.dart'; import 'package:flutter_kinetra/kt_pages/kt_short_video/state.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_request.dart'; import '../../kt_model/kt_video_detail_bean.dart'; +import '../../kt_utils/kt_device_info_utils.dart'; import '../../kt_widgets/kt_status_widget.dart'; class VideoPlayLogic extends GetxController { @@ -212,10 +215,17 @@ class VideoPlayLogic extends GetxController { if (controllers[index] != null) return; final episode = state.episodeList[index]; - final controller = VideoPlayerController.networkUrl( - Uri.parse(episode.videoUrl!), - formatHint: VideoFormat.hls, - ); + VideoPlayerController controller = + Platform.isAndroid && KtDeviceInfoUtil().osVersion == '10' + ? VideoPlayerController.networkUrl( + Uri.parse(episode.videoUrl!), + formatHint: VideoFormat.hls, + viewType: VideoViewType.platformView, + ) + : VideoPlayerController.networkUrl( + Uri.parse(episode.videoUrl!), + formatHint: VideoFormat.hls, + ); controllers[index] = controller;