64 lines
2.4 KiB
Dart
64 lines
2.4 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:frosty/screens/settings/stores/settings_store.dart';
|
|
import 'package:frosty/screens/settings/widgets/settings_list_slider.dart';
|
|
import 'package:frosty/screens/settings/widgets/settings_list_switch.dart';
|
|
import 'package:frosty/widgets/section_header.dart';
|
|
|
|
class VideoSettings extends StatelessWidget {
|
|
final SettingsStore settingsStore;
|
|
|
|
const VideoSettings({super.key, required this.settingsStore});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Observer(
|
|
builder: (context) => ListView(
|
|
children: [
|
|
const SectionHeader('Player'),
|
|
SettingsListSwitch(
|
|
title: 'Enable video',
|
|
value: settingsStore.showVideo,
|
|
onChanged: (newValue) => settingsStore.showVideo = newValue,
|
|
),
|
|
if (!Platform.isIOS)
|
|
SettingsListSwitch(
|
|
title: 'Default to highest quality',
|
|
value: settingsStore.defaultToHighestQuality,
|
|
onChanged: (newValue) =>
|
|
settingsStore.defaultToHighestQuality = newValue,
|
|
),
|
|
const SectionHeader('Overlay', showDivider: true),
|
|
SettingsListSwitch(
|
|
title: 'Use custom video overlay',
|
|
subtitle: const Text(
|
|
'Replaces Twitch\'s default web overlay with a mobile-friendly version.',
|
|
),
|
|
value: settingsStore.showOverlay,
|
|
onChanged: (newValue) => settingsStore.showOverlay = newValue,
|
|
),
|
|
SettingsListSwitch(
|
|
title: 'Long-press player to toggle overlay',
|
|
subtitle: const Text(
|
|
'Allows switching between Twitch\'s overlay and the custom overlay.',
|
|
),
|
|
value: settingsStore.toggleableOverlay,
|
|
onChanged: (newValue) => settingsStore.toggleableOverlay = newValue,
|
|
),
|
|
SettingsListSlider(
|
|
title: 'Custom overlay opacity',
|
|
trailing:
|
|
'${(settingsStore.overlayOpacity * 100).toStringAsFixed(0)}%',
|
|
subtitle:
|
|
'Adjusts the opacity (transparency) of the custom video overlay when active.',
|
|
value: settingsStore.overlayOpacity,
|
|
divisions: 10,
|
|
onChanged: (newValue) => settingsStore.overlayOpacity = newValue,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|