add new video setting on Android to toggle hybrid composition

Author: tommyxchow

lib/screens/channel/video/video.dart

@@ -48,7 +48,8 @@ class _VideoState extends State<Video> with WidgetsBindingObserver {
       return WebViewWidget.fromPlatformCreationParams(
         params: AndroidWebViewWidgetCreationParams(
           controller: widget.videoStore.videoWebViewController.platform,
-          displayWithHybridComposition: true,
+          displayWithHybridComposition:
+              !widget.videoStore.settingsStore.useEnhancedRendering,
         ),
       );
     } else {

lib/screens/settings/stores/settings_store.dart

@@ -64,6 +64,7 @@ abstract class _SettingsStoreBase with Store {
   static const defaultShowVideo = true;
   static const defaultDefaultToHighestQuality = false;
   static const defaultShowLatency = true;
+  static const defaultUseEnhancedRendering = false;
 
   // Overlay defaults
   static const defaultShowOverlay = true;
@@ -83,6 +84,10 @@ abstract class _SettingsStoreBase with Store {
   @observable
   var showLatency = defaultShowLatency;
 
+  @JsonKey(defaultValue: defaultUseEnhancedRendering)
+  @observable
+  var useEnhancedRendering = defaultUseEnhancedRendering;
+
   // Overlay options
   @JsonKey(defaultValue: defaultShowOverlay)
   @observable
@@ -101,6 +106,7 @@ abstract class _SettingsStoreBase with Store {
     showVideo = defaultShowVideo;
     defaultToHighestQuality = defaultDefaultToHighestQuality;
     showLatency = defaultShowLatency;
+    useEnhancedRendering = defaultUseEnhancedRendering;
 
     showOverlay = defaultShowOverlay;
     toggleableOverlay = defaultToggleableOverlay;

lib/screens/settings/stores/settings_store.g.dart

@@ -40,6 +40,16 @@ class VideoSettings extends StatelessWidget {
             value: settingsStore.showLatency,
             onChanged: (newValue) => settingsStore.showLatency = newValue,
           ),
+          if (Platform.isAndroid)
+            SettingsListSwitch(
+              title: 'Use enhanced rendering',
+              subtitle: const Text(
+                'Enables a newer WebView rendering method that improves performance. May cause random crashes on some devices.',
+              ),
+              value: settingsStore.useEnhancedRendering,
+              onChanged: (newValue) =>
+                  settingsStore.useEnhancedRendering = newValue,
+            ),
           const SectionHeader('Overlay'),
           SettingsListSwitch(
             title: 'Use custom video overlay',