language_selector_dialog.dart

Go to the documentation of this file.

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../core/localization/language_cubit.dart';
 
class LanguageSelectorDialog extends StatelessWidget {
  const LanguageSelectorDialog({super.key});
 
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<LanguageCubit, LanguageState>(
      builder: (context, state) {
        final currentLanguage =
            state is LanguageLoaded ? state.locale.languageCode : 'en';
 
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            _buildLanguageEnablerButton(
              label: 'English',
              isActive: currentLanguage == 'en',
              context: context,
              isEnabled: true,
              languageCode: 'en',
            ),
            _buildLanguageEnablerButton(
              label: 'العربية',
              isActive: currentLanguage == 'ar',
              context: context,
              isEnabled: true,
              languageCode: 'ar',
            ),
          ],
        );
      },
    );
  }
 
  _buildLanguageEnablerButton({
    required String label,
    required bool isActive,
    required BuildContext context,
    required bool isEnabled,
    required String languageCode,
  }) {
    return Opacity(
      opacity: isEnabled ? .9 : .2,
      child: ElevatedButton(
        onPressed: isEnabled
            ? () => context.read<LanguageCubit>().changeLanguage(languageCode)
            : null,
        style: ElevatedButton.styleFrom(
          backgroundColor: Theme.of(context).colorScheme.surface,
          overlayColor: Theme.of(context).primaryColor.withOpacity(0.11),
          padding: EdgeInsets.all(15.sp),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              label,
              style: Theme.of(context).textTheme.bodySmall,
            ),
            CupertinoSwitch(
              value: isActive,
              activeColor: Theme.of(context).colorScheme.primary,
              onChanged: isEnabled
                  ? (value) {
                      if (value) {
                        context
                            .read<LanguageCubit>()
                            .changeLanguage(languageCode);
                      }
                    }
                  : null,
            ),
          ],
        ),
      ),
    );
  }
}