gallery_screen.dart 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. import 'dart:async';
  2. import 'dart:io';
  3. import 'package:app_tracking_transparency/app_tracking_transparency.dart';
  4. import 'package:firebase_crashlytics/firebase_crashlytics.dart';
  5. import 'package:firebase_messaging/firebase_messaging.dart';
  6. import 'package:flutter/material.dart';
  7. import 'package:logging/logging.dart';
  8. import 'package:provider/provider.dart';
  9. import 'package:puzzleweave/ads/applovin_ads_controller.dart';
  10. import 'package:puzzleweave/audio/jc_audio_controller.dart';
  11. import 'package:puzzleweave/config/device.dart';
  12. import 'package:puzzleweave/firebase/adjust_helper.dart';
  13. import 'package:puzzleweave/gallery/grid_item.dart';
  14. import 'package:puzzleweave/models/cached_request.dart';
  15. import 'package:puzzleweave/models/data.dart';
  16. import 'package:puzzleweave/models/items.dart';
  17. import 'package:puzzleweave/persistence/persistence.dart';
  18. import 'package:puzzleweave/skin/skin.dart';
  19. final Logger _log = Logger('gallery_screen');
  20. class GalleryScreen extends StatefulWidget {
  21. const GalleryScreen({super.key});
  22. @override
  23. State<StatefulWidget> createState() => _GalleryScreen();
  24. }
  25. const int minimumRemoteLoadCount = 30; // 假设加载到 30 张图才算网络畅通
  26. class _GalleryScreen extends State<GalleryScreen> {
  27. late Device device;
  28. late JcAudioController audio;
  29. late Data data;
  30. List<ListItem>? latest;
  31. late CachedRequest latestCachedRequest;
  32. late StreamSubscription? latestSubscription;
  33. @override
  34. void initState() {
  35. super.initState();
  36. device = context.read<Device>();
  37. audio = context.read<JcAudioController>();
  38. data = context.read<Data>();
  39. latestCachedRequest = data.latest;
  40. // 主动获取缓存数据(关键)
  41. final cachedData = latestCachedRequest.cachedData;
  42. if (cachedData != null) {
  43. _onLatestDataUpdate(cachedData);
  44. }
  45. latestSubscription = latestCachedRequest.stream.listen(_onLatestDataUpdate, onError: _onLatestDataError);
  46. audio.startMusic();
  47. }
  48. _onLatestDataUpdate(datalist) {
  49. _log.info('_onLatestDataUpdate.... ');
  50. if (datalist != null) {
  51. latest = datalist as List<ListItem>;
  52. setState(() {});
  53. final bool hasSufficientData = datalist.length >= minimumRemoteLoadCount;
  54. if (hasSufficientData) {
  55. // 如果数据完整,无论是否是缓存数据,都尝试初始化第三方服务(因为主页已经可以显示了)
  56. if (!hasInit) {
  57. initThird();
  58. }
  59. }
  60. }
  61. }
  62. _onLatestDataError(error) {
  63. _log.info('_onLatestDataError.... $error');
  64. if (latest == null || latest!.isEmpty || latest!.length < minimumRemoteLoadCount) {
  65. _log.warning("_onLatestDataError, retry again");
  66. // refresh();
  67. Future.delayed(Duration(seconds: 3), () => refresh());
  68. }
  69. }
  70. Future<void> refresh() async {
  71. _log.info('refresh...');
  72. await latestCachedRequest.refresh();
  73. }
  74. @override
  75. Widget build(BuildContext context) {
  76. final device = context.read<Device>();
  77. final isTablet = device.isTablet;
  78. return Scaffold(
  79. backgroundColor: SkinHelper.colorWhite,
  80. body: latest == null
  81. ? scrollableDummy
  82. : RefreshIndicator(
  83. onRefresh: refresh,
  84. child: CustomScrollView(
  85. slivers: <Widget>[
  86. SliverPadding(
  87. sliver: SliverGrid(
  88. gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(maxCrossAxisExtent: isTablet ? 300 : 210, childAspectRatio: 2 / 3),
  89. delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
  90. return _buildItem(context, index);
  91. }, childCount: latest!.length),
  92. ),
  93. padding: const EdgeInsets.only(left: 10.0, right: 10.0),
  94. ),
  95. ],
  96. ),
  97. ),
  98. );
  99. }
  100. // Widget get scrollableDummy => LayoutBuilder(
  101. // builder: (p0, p1) {
  102. // return SingleChildScrollView(
  103. // physics: const AlwaysScrollableScrollPhysics(),
  104. // child: SizedBox(
  105. // height: p1.maxHeight,
  106. // child: Center(
  107. // child: ListView(
  108. // shrinkWrap: true,
  109. // children: [
  110. // Lottie.asset('assets/lottie/loading.json', height: 100),
  111. // const Center(child: Text("loading...")),
  112. // ],
  113. // ),
  114. // ),
  115. // ),
  116. // );
  117. // },
  118. // );
  119. Widget get scrollableDummy => Scaffold(
  120. backgroundColor: SkinHelper.colorWhite, // 确保背景色统一
  121. body: Center(
  122. child: Column(
  123. mainAxisAlignment: MainAxisAlignment.center,
  124. children: [
  125. // 替换 Lottie 为原生轻量级进度条
  126. SizedBox(
  127. width: 40,
  128. height: 40,
  129. child: CircularProgressIndicator(
  130. strokeWidth: 3,
  131. valueColor: AlwaysStoppedAnimation<Color>(
  132. // 使用你定义的 SkinHelper 核心色,如果没有则用黑色
  133. SkinHelper.coreBgColor,
  134. ),
  135. ),
  136. ),
  137. const SizedBox(height: 20),
  138. Text(
  139. "Loading...",
  140. style: TextStyle(color: SkinHelper.slotBorderColor.withOpacity(0.7), fontSize: 14, fontWeight: FontWeight.w500),
  141. ),
  142. ],
  143. ),
  144. ),
  145. );
  146. Widget _buildItem(context, index) {
  147. ListItem item = latest![index];
  148. return Padding(
  149. padding: const EdgeInsets.all(10.0),
  150. child: GridItem(item: item, lock: false, index: index),
  151. );
  152. }
  153. ///////////////////////// 初始化相关 /////////////////////////
  154. static bool hasInit = false;
  155. // 在列表刷出来后才正式初始化admod等组件
  156. void initThird() async {
  157. if (hasInit) return;
  158. hasInit = true;
  159. // 有了UMP后, 这里的ATT就不需要了
  160. // bool auth = await initATT();
  161. // if (auth) {
  162. // await platform.setHasUserConsent(true);
  163. // await platform.setAdvertiserTrackingEnabled(true);
  164. // }
  165. // await initUMP(); // 征询欧洲用户同意 // applovin max 已经可以自动处理,这里不需要了
  166. TrackingStatus attStatus = await AppTrackingTransparency.trackingAuthorizationStatus;
  167. if (attStatus == TrackingStatus.authorized && Platform.isIOS) {
  168. // ATT 通过之后,ios需要调用相关的原生sdk接口做进一步的初始化
  169. // await platform.setHasUserConsent(true);
  170. // await platform.setAdvertiserTrackingEnabled(true);
  171. }
  172. initFCM(); // 消息推送许可弹窗
  173. initAd(); // admod 的广告加载安排在iOS ATT 之后,以便能够加载到个性化广告
  174. AdjustHelper.init(Persistence().uuid); // 初始化Adjust
  175. final idfa = await AppTrackingTransparency.getAdvertisingIdentifier();
  176. _log.info("idfa: $idfa");
  177. }
  178. /////////////////////////// ATT ///////////////////////////
  179. // Platform messages are asynchronous, so we initialize in an async method.
  180. Future<bool> initATT() async {
  181. TrackingStatus status = await AppTrackingTransparency.trackingAuthorizationStatus;
  182. _log.info('initATT111 $status');
  183. // If the system can show an authorization request dialog
  184. if (status == TrackingStatus.notDetermined) {
  185. // Show a custom explainer dialog before the system dialog
  186. // await showCustomTrackingDialog(context);
  187. // Wait for dialog popping animation
  188. // await Future.delayed(const Duration(milliseconds: 200));
  189. // Request system's tracking authorization dialog
  190. status = await AppTrackingTransparency.requestTrackingAuthorization();
  191. _log.info('initATT222 $status');
  192. }
  193. if (status == TrackingStatus.authorized) {
  194. return true;
  195. }
  196. return false;
  197. }
  198. // no need
  199. Future<void> showCustomTrackingDialog(BuildContext context) async => await showDialog<void>(
  200. context: context,
  201. builder: (context) => AlertDialog(
  202. title: const Text('Dear User'),
  203. content: const Text(
  204. 'We care about your privacy and data security. We keep this app free by showing ads. '
  205. 'Can we continue to use your data to tailor ads for you?\n\nYou can change your choice anytime in the app settings. '
  206. 'Our partners will collect data and use a unique identifier on your device to show you ads.',
  207. ),
  208. actions: [TextButton(onPressed: () => Navigator.pop(context), child: const Text('Continue'))],
  209. ),
  210. );
  211. /////////////////////////////////////////////////////////
  212. ///
  213. /// 初始化广告模块
  214. initAd() {
  215. _log.info('initAd');
  216. ApplovinAdsController applovinAdsController = context.read<ApplovinAdsController>();
  217. applovinAdsController.initialize();
  218. }
  219. /////////////////////////// FCM ///////////////////////////
  220. // 消息推送许可弹框
  221. initFCM() async {
  222. try {
  223. final fcmToken = await FirebaseMessaging.instance.getToken();
  224. _log.info("FCM Token: $fcmToken");
  225. FirebaseMessaging messaging = FirebaseMessaging.instance;
  226. NotificationSettings settings = await messaging.requestPermission(
  227. alert: true,
  228. announcement: false,
  229. badge: true,
  230. carPlay: false,
  231. criticalAlert: false,
  232. provisional: false,
  233. sound: true,
  234. );
  235. _log.warning('User granted permission: ${settings.authorizationStatus}');
  236. } catch (e) {
  237. FirebaseCrashlytics.instance.log("FCM FirebaseMessaging.instance.getToken error: $e");
  238. _log.warning(e);
  239. }
  240. }
  241. }