fontSizeDropDown method

Implementation

Widget fontSizeDropDown({
  double? height,
  Color? color,
  bool isDark = false,
  TafsirStyle? tafsirStyle,
}) {
  final box = GetStorage();
  return PopupMenuButton(
    position: PopupMenuPosition.under,
    icon: Semantics(
      button: true,
      enabled: true,
      label: 'Change Font Size',
      child: Icon(
        Icons.text_format_outlined,
        size: 34,
        color: AppColors.getTextColor(isDark),
      ),
    ),
    color: Colors.blue.withValues(alpha: .8),
    iconSize: height ?? 35.0,
    itemBuilder: (context) => [
      PopupMenuItem(
        height: 30,
        child: Obx(
          () => SizedBox(
            height: 30,
            width: MediaQuery.sizeOf(context).width,
            child: Theme(
              data: ThemeData(
                sliderTheme: SliderThemeData(
                  thumbColor: Colors.white,
                  activeTrackColor: Colors.white,
                  inactiveTrackColor: Colors.tealAccent,
                  overlayColor: Colors.white.withValues(alpha: 0.2),
                  valueIndicatorColor: Colors.white,
                  inactiveTickMarkColor: Colors.transparent,
                  activeTickMarkColor: Colors.transparent,
                ),
              ),
              child: Slider(
                value: TafsirCtrl.instance.fontSizeArabic.value,
                max: 50,
                min: 20,
                onChanged: (value) {
                  TafsirCtrl.instance.fontSizeArabic.value = value;

                  box.write(_StorageConstants().fontSize, value);
                  TafsirCtrl.instance.update(['change_font_size']);
                },
              ),
            ),
          ),
        ),
      ),
    ],
  );
}