From 8932eefb14cd48857cec4dad4b01c541030bdf79 Mon Sep 17 00:00:00 2001 From: zengyi Date: Tue, 23 Sep 2025 15:50:21 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=8F=8D=E9=A6=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ios/Runner.xcodeproj/project.pbxproj | 12 + .../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 | 38 +- lib/kt_pages/kt_routes.dart | 12 +- 6 files changed, 948 insertions(+), 17 deletions(-) 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/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj index 958332a..c96272d 100644 --- a/ios/Runner.xcodeproj/project.pbxproj +++ b/ios/Runner.xcodeproj/project.pbxproj @@ -9,6 +9,7 @@ /* Begin PBXBuildFile section */ 002E1F1EA059FEE73E55E03C /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = D1AEBA8280B01EA417C5A4C5 /* Pods_Runner.framework */; }; 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; + 2E31D4A42E82814000481906 /* StoreKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 2E31D4A32E82814000481906 /* StoreKit.framework */; }; 2F3E2165998010C253A6A3AB /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 31F0B6F62A10C414CCB11B56 /* Pods_RunnerTests.framework */; }; 331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; }; 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; @@ -44,6 +45,7 @@ /* Begin PBXFileReference section */ 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; + 2E31D4A32E82814000481906 /* StoreKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = StoreKit.framework; path = System/Library/Frameworks/StoreKit.framework; sourceTree = SDKROOT; }; 31F0B6F62A10C414CCB11B56 /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; }; 331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = ""; }; 331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; @@ -73,6 +75,7 @@ buildActionMask = 2147483647; files = ( 002E1F1EA059FEE73E55E03C /* Pods_Runner.framework in Frameworks */, + 2E31D4A42E82814000481906 /* StoreKit.framework in Frameworks */, ); runOnlyForDeploymentPostprocessing = 0; }; @@ -145,6 +148,7 @@ A643DB2437D6E4CE3EFAE3C0 /* Frameworks */ = { isa = PBXGroup; children = ( + 2E31D4A32E82814000481906 /* StoreKit.framework */, D1AEBA8280B01EA417C5A4C5 /* Pods_Runner.framework */, 31F0B6F62A10C414CCB11B56 /* Pods_RunnerTests.framework */, ); @@ -331,10 +335,14 @@ inputFileListPaths = ( "${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist", ); + inputPaths = ( + ); name = "[CP] Embed Pods Frameworks"; outputFileListPaths = ( "${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist", ); + outputPaths = ( + ); runOnlyForDeploymentPostprocessing = 0; shellPath = /bin/sh; shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n"; @@ -370,10 +378,14 @@ inputFileListPaths = ( "${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist", ); + inputPaths = ( + ); name = "[CP] Copy Pods Resources"; outputFileListPaths = ( "${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist", ); + outputPaths = ( + ); runOnlyForDeploymentPostprocessing = 0; shellPath = /bin/sh; shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n"; 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 82ffa7b..59d735f 100644 --- a/lib/kt_pages/kt_mine/view.dart +++ b/lib/kt_pages/kt_mine/view.dart @@ -64,7 +64,9 @@ class _KtMinePageState extends State { padding: EdgeInsets.fromLTRB(6.w, 13.w, 6.w, 6.w), decoration: BoxDecoration( image: DecorationImage( - image: AssetImage('ic_mine_top_bg.png'.ktIcon), + image: AssetImage( + 'ic_mine_top_bg.png'.ktIcon, + ), fit: BoxFit.fill, ), ), @@ -101,7 +103,9 @@ class _KtMinePageState extends State { margin: EdgeInsets.symmetric( horizontal: 15.w, ), - color: Colors.white.withValues(alpha: .3), + color: Colors.white.withValues( + alpha: .3, + ), ), Text( 'Donate', @@ -127,7 +131,7 @@ class _KtMinePageState extends State { ), ], ), - + Container( padding: EdgeInsets.symmetric( vertical: 17.w, @@ -163,7 +167,9 @@ class _KtMinePageState extends State { ), child: Text( KtUtils.isEmpty( - state.userInfo.familyName, + state + .userInfo + .familyName, ) ? 'Visitor' : state @@ -174,7 +180,8 @@ class _KtMinePageState extends State { fontFamily: 'PingFang SC', fontSize: 18.sp, color: Colors.black, - fontWeight: FontWeight.w500, + fontWeight: + FontWeight.w500, ), ), ), @@ -198,9 +205,14 @@ class _KtMinePageState extends State { ), ), Positioned( - right: 0, - top: -28.w, - child: Image.asset('ic_mine_ip.png'.ktIcon,width: 80.w,height: 84.w)) + right: 0, + top: -28.w, + child: Image.asset( + 'ic_mine_ip.png'.ktIcon, + width: 80.w, + height: 84.w, + ), + ), ], ), SizedBox(height: 15.w), @@ -366,11 +378,9 @@ class _KtMinePageState extends State { handleItem( 'ic_order_record.png', 'Order Record', - () => Get.to( - () => KtOrderRecordPage( - ), - ), - ), handleItem( + () => Get.to(() => KtOrderRecordPage()), + ), + handleItem( 'ic_privacy.png', 'Privacy Policy', () => Get.to( @@ -393,7 +403,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_routes.dart b/lib/kt_pages/kt_routes.dart index a3eee88..2aa8f28 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/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 KtOrderRecordPage()), 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'),