fluffychat/lib/pangea/learning_settings/voice_dropdown.dart

59 lines
1.7 KiB
Dart

import 'package:flutter/material.dart';
import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/common/widgets/dropdown_text_button.dart';
import 'package:fluffychat/pangea/languages/language_model.dart';
class VoiceDropdown extends StatelessWidget {
final String? value;
final LanguageModel? language;
final Function(String?) onChanged;
final bool enabled;
const VoiceDropdown({
super.key,
this.value,
this.language,
required this.onChanged,
this.enabled = true,
});
@override
Widget build(BuildContext context) {
final voices = (language?.voices ?? <String>[]);
final value =
this.value != null && voices.contains(this.value) ? this.value : null;
return DropdownButtonFormField2<String>(
customButton:
value != null ? CustomDropdownTextButton(text: value) : null,
menuItemStyleData: const MenuItemStyleData(
padding: EdgeInsets.symmetric(
vertical: 8.0,
horizontal: 16.0,
),
),
decoration: InputDecoration(
labelText: L10n.of(context).voiceDropdownTitle,
),
isExpanded: true,
dropdownStyleData: DropdownStyleData(
maxHeight: 250,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surfaceContainerHigh,
borderRadius: BorderRadius.circular(14.0),
),
),
items: voices.map((voice) {
return DropdownMenuItem(
value: voice,
child: Text(voice),
);
}).toList(),
onChanged: enabled ? onChanged : null,
value: voices.contains(value) ? value : null,
);
}
}