Theming support and images preloading

Author: SpertsyanKM

android/build.gradle

@@ -51,6 +51,6 @@ android {
 
 dependencies {
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
-    implementation "io.qonversion:sandwich:7.3.1"
+    implementation "io.qonversion:sandwich:7.4.0"
     implementation 'com.google.code.gson:gson:2.9.0'
 }

android/src/main/kotlin/com/qonversion/flutter/sdk/qonversion_flutter_sdk/NoCodesPlugin.kt

@@ -81,14 +81,15 @@ class NoCodesPlugin(private val messenger: BinaryMessenger, private val context:
         val version = args["version"] as? String ?: return result.noNecessaryDataError()
         val source = args["source"] as? String ?: return result.noNecessaryDataError()
         val locale = args["locale"] as? String
+        val theme = args["theme"] as? String
 
         if (projectKey.isNotEmpty()) {
             // Initialize NoCodes Sandwich
             noCodesSandwich = NoCodesSandwich()
 
             noCodesSandwich?.storeSdkInfo(context, source, version)
 
-            noCodesSandwich?.initialize(context, projectKey, null, null, null, locale)
+            noCodesSandwich?.initialize(context, projectKey, null, null, null, locale, theme)
             noCodesSandwich?.setDelegate(this)
             result.success(null)
         } else {
@@ -124,6 +125,11 @@ class NoCodesPlugin(private val messenger: BinaryMessenger, private val context:
         result.success(null)
     }
 
+    fun setTheme(theme: String?, result: Result) {
+        noCodesSandwich?.setTheme(theme)
+        result.success(null)
+    }
+
     // MARK: - Purchase Delegate Methods
 
     fun setPurchaseDelegate(result: Result) {

android/src/main/kotlin/com/qonversion/flutter/sdk/qonversion_flutter_sdk/QonversionPlugin.kt

@@ -154,6 +154,7 @@ class QonversionPlugin : MethodCallHandler, FlutterPlugin, ActivityAware {
             "setScreenPresentationConfig" -> noCodesPlugin?.setScreenPresentationConfig(args["config"] as? Map<String, Any>, args["contextKey"] as? String, result)
             "showNoCodesScreen" -> noCodesPlugin?.showNoCodesScreen(args["contextKey"] as? String, result)
             "setNoCodesLocale" -> noCodesPlugin?.setLocale(args["locale"] as? String, result)
+            "setNoCodesTheme" -> noCodesPlugin?.setTheme(args["theme"] as? String, result)
             // NoCodes Purchase Delegate methods
             "delegatedPurchaseFailed" -> noCodesPlugin?.delegatedPurchaseFailed(args["errorMessage"] as? String, result)
             "delegatedRestoreFailed" -> noCodesPlugin?.delegatedRestoreFailed(args["errorMessage"] as? String, result)

example/lib/screens/no_codes_screen.dart

@@ -92,6 +92,7 @@ class _NoCodesScreenState extends State<NoCodesScreen> {
   bool _animated = true;
   bool _purchaseDelegateEnabled = false;
   SamplePurchaseDelegate? _purchaseDelegate;
+  NoCodesTheme _selectedTheme = NoCodesTheme.auto;
 
   @override
   void dispose() {
@@ -131,6 +132,8 @@ class _NoCodesScreenState extends State<NoCodesScreen> {
                 const SizedBox(height: 16),
                 _buildLocaleSection(),
                 const SizedBox(height: 16),
+                _buildThemeSection(),
+                const SizedBox(height: 16),
                 _buildActionsSection(),
                 const SizedBox(height: 16),
                 _buildEventsSection(appState),
@@ -346,6 +349,36 @@ class _NoCodesScreenState extends State<NoCodesScreen> {
     );
   }
 
+  Widget _buildThemeSection() {
+    return SectionCard(
+      title: 'Theme',
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Text(
+            'Select theme mode',
+            style: TextStyle(
+              fontSize: 13,
+              fontWeight: FontWeight.w500,
+              color: Colors.grey.shade700,
+            ),
+          ),
+          const SizedBox(height: 8),
+          ...NoCodesTheme.values.map((theme) => _buildRadioTile(
+            title: theme.name,
+            value: theme,
+            groupValue: _selectedTheme,
+            onChanged: (value) {
+              if (value != null) {
+                _setTheme(value);
+              }
+            },
+          )),
+        ],
+      ),
+    );
+  }
+
   Widget _buildActionsSection() {
     return SectionCard(
       title: 'Actions',
@@ -507,6 +540,21 @@ class _NoCodesScreenState extends State<NoCodesScreen> {
     }
   }
 
+  void _setTheme(NoCodesTheme theme) async {
+    try {
+      debugPrint('🔄 [NoCodes] Setting theme: ${theme.name}');
+      await NoCodes.getSharedInstance().setTheme(theme);
+      setState(() {
+        _selectedTheme = theme;
+      });
+      debugPrint('✅ [NoCodes] Theme set');
+      _showSuccess('Theme set to: ${theme.name}');
+    } catch (e) {
+      debugPrint('❌ [NoCodes] Failed to set theme: $e');
+      _showError('Failed to set theme: $e');
+    }
+  }
+
   void _showSuccess(String message) {
     ScaffoldMessenger.of(context).showSnackBar(
       SnackBar(content: Text(message), backgroundColor: AppTheme.successColor),

ios/Classes/NoCodesPlugin.swift

@@ -90,7 +90,8 @@ public class NoCodesPlugin: NSObject {
 
         let proxyUrl = args["proxyUrl"] as? String
         let locale = args["locale"] as? String
-        noCodesSandwich?.initialize(projectKey: projectKey, proxyUrl: proxyUrl, locale: locale)
+        let theme = args["theme"] as? String
+        noCodesSandwich?.initialize(projectKey: projectKey, proxyUrl: proxyUrl, locale: locale, theme: theme)
         result(nil)
     }
 
@@ -126,6 +127,11 @@ public class NoCodesPlugin: NSObject {
         result(nil)
     }
 
+    public func setTheme(_ theme: String?, _ result: @escaping FlutterResult) {
+        noCodesSandwich?.setTheme(theme)
+        result(nil)
+    }
+    
     // MARK: - Purchase Delegate Methods
 
     public func setPurchaseDelegate(_ result: @escaping FlutterResult) {

ios/Classes/SwiftQonversionPlugin.swift

@@ -185,6 +185,10 @@ public class SwiftQonversionPlugin: NSObject, FlutterPlugin {
       noCodesPlugin?.setLocale(args["locale"] as? String, result)
       return
 
+    case "setNoCodesTheme":
+      noCodesPlugin?.setTheme(args["theme"] as? String, result)
+      return
+      
     case "delegatedPurchaseFailed":
       noCodesPlugin?.delegatedPurchaseFailed(args, result)
       return

ios/qonversion_flutter.podspec

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
   s.source_files = 'Classes/**/*'
   s.dependency 'Flutter'
   s.platform = :ios, '13.0'
-  s.dependency "QonversionSandwich", "7.3.1"
+  s.dependency "QonversionSandwich", "7.4.0"
 
   # Flutter.framework does not contain a i386 slice. Only x86_64 simulators are supported.
   s.pod_target_xcconfig = { 'DEFINES_MODULE' => 'YES', 'VALID_ARCHS[sdk=iphonesimulator*]' => 'x86_64' }

lib/qonversion_flutter.dart

@@ -8,6 +8,7 @@ export 'src/dto/entitlements_cache_lifetime.dart';
 export 'src/dto/environment.dart';
 export 'src/dto/launch_mode.dart';
 export 'src/dto/nocodes_events.dart';
+export 'src/dto/nocodes_theme.dart';
 export 'src/dto/offerings.dart';
 export 'src/dto/presentation_config.dart';
 export 'src/dto/product.dart';

lib/src/internal/constants.dart

@@ -37,6 +37,7 @@ class Constants {
   static const kVersion = 'version';
   static const kSource = 'source';
   static const kLocale = 'locale';
+  static const kTheme = 'theme';
 
   // MethodChannel methods names
   static const mInitialize = 'initialize';
@@ -79,6 +80,7 @@ class Constants {
   static const mShowNoCodesScreen = 'showNoCodesScreen';
   static const mCloseNoCodes = 'closeNoCodes';
   static const mSetNoCodesLocale = 'setNoCodesLocale';
+  static const mSetNoCodesTheme = 'setNoCodesTheme';
   static const mSetNoCodesPurchaseDelegate = 'setNoCodesPurchaseDelegate';
   static const mDelegatedPurchaseCompleted = 'delegatedPurchaseCompleted';
   static const mDelegatedPurchaseFailed = 'delegatedPurchaseFailed';

lib/src/internal/nocodes_internal.dart

@@ -7,6 +7,7 @@ import 'package:qonversion_flutter/src/internal/qonversion_internal.dart';
 import '../dto/nocodes_events.dart';
 import '../dto/presentation_config.dart';
 import '../dto/product.dart';
+import '../dto/nocodes_theme.dart';
 import '../nocodes_config.dart';
 import '../nocodes.dart';
 import '../nocodes_purchase_delegate.dart';
@@ -48,6 +49,7 @@ class NoCodesInternal implements NoCodes {
       Constants.kSource: Constants.sdkSource,
       if (config.proxyUrl != null) Constants.kProxyUrl: config.proxyUrl,
       if (config.locale != null) Constants.kLocale: config.locale,
+      if (config.theme != null) Constants.kTheme: config.theme!.name,
     };
     // Initialize is fire-and-forget, errors will be handled in subsequent calls
     _channel.invokeMethod(Constants.mInitializeNoCodes, args).catchError((error) {
@@ -191,6 +193,15 @@ class NoCodesInternal implements NoCodes {
     await _invokeMethod(Constants.mSetNoCodesLocale, {Constants.kLocale: locale});
   }
 
+  @override
+  Future<void> setTheme(NoCodesTheme theme) async {
+    if (Platform.isMacOS) {
+      return;
+    }
+    
+    await _invokeMethod(Constants.mSetNoCodesTheme, {Constants.kTheme: theme.name});
+  }
+
   @override
   Future<void> setPurchaseDelegate(NoCodesPurchaseDelegate delegate) async {
     if (Platform.isMacOS) {