Skip to content

Commit

Permalink
updated bottomsheet to make it scrollable, for better fit on small sc…
Browse files Browse the repository at this point in the history 
…reens
  • Loading branch information
@ldowens
ldowens committed Oct 9, 2024
1 parent 29e55eb commit 83070f2
Showing 1 changed file with 143 additions and 139 deletions.
282 changes: 143 additions & 139 deletions speech_to_text/example/lib/main.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,15 +99,14 @@ class _SpeechSampleAppState extends State<SpeechSampleApp> {
Row(
children: [
Expanded(child: InitSpeechWidget(_hasSpeech, initSpeechState)),
IconButton(
TextButton.icon(
// key: ,
onPressed: () async {
currentOptions =
await showSetUp(ctx, currentOptions, _localeNames);
},
visualDensity: VisualDensity.compact,
icon: const Icon(Icons.settings),
tooltip: 'set up session options',
label: const Text('Session Options'),
),
],
),
Expand Down Expand Up @@ -336,129 +335,123 @@ class SessionOptionsWidget extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
children: [
const Text('Language: '),
Expanded(
child: DropdownButton<String>(
onChanged: (selectedVal) => onChange(options.copyWith(
localeId: selectedVal ?? options.localeId)),
value: options.localeId,
isExpanded: true,
items: localeNames
.map(
(localeName) => DropdownMenuItem(
value: localeName.localeId,
child: Text(localeName.name),
),
)
.toList(),
),
),
],
),
Row(
children: [
const Text('pauseFor: '),
Container(
padding: const EdgeInsets.only(left: 8),
width: 80,
child: TextFormField(
controller: pauseForController,
)),
],
),
Row(
children: [
const Text('listenFor: '),
Container(
padding: const EdgeInsets.only(left: 8),
width: 80,
child: TextFormField(
controller: listenForController,
)),
],
),
Row(
children: [
const Text('On device: '),
Checkbox(
value: options.options.onDevice,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(onDevice: value)));
},
),
],
),
Row(
children: [
const Text('Auto Punctuation: '),
Checkbox(
value: options.options.autoPunctuation,
onChanged: (value) {
onChange(options.copyWith(
options:
options.options.copyWith(autoPunctuation: value)));
},
),
],
),
Row(
children: [
const Text('Enable Haptics: '),
Checkbox(
value: options.options.enableHapticFeedback,
onChanged: (value) {
onChange(options.copyWith(
options: options.options
.copyWith(enableHapticFeedback: value)));
},
),
],
),
Row(
children: [
const Text('Partial results: '),
Checkbox(
value: options.options.partialResults,
onChanged: (value) {
onChange(options.copyWith(
options:
options.options.copyWith(partialResults: value)));
},
),
],
),
Row(
children: [
const Text('Cancel on error: '),
Checkbox(
value: options.options.cancelOnError,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(cancelOnError: value)));
},
),
],
),
Row(
children: [
const Text('Log events: '),
Checkbox(
value: options.logEvents,
onChanged: (value) =>
onChange(options.copyWith(logEvents: value)),
return Column(
children: <Widget>[
Row(
children: [
const Text('Language: '),
Expanded(
child: DropdownButton<String>(
onChanged: (selectedVal) => onChange(options.copyWith(
localeId: selectedVal ?? options.localeId)),
value: options.localeId,
isExpanded: true,
items: localeNames
.map(
(localeName) => DropdownMenuItem(
value: localeName.localeId,
child: Text(localeName.name),
),
)
.toList(),
),
],
),
],
),
),
],
),
Row(
children: [
const Text('pauseFor: '),
Container(
padding: const EdgeInsets.only(left: 8),
width: 80,
child: TextFormField(
controller: pauseForController,
)),
],
),
Row(
children: [
const Text('listenFor: '),
Container(
padding: const EdgeInsets.only(left: 8),
width: 80,
child: TextFormField(
controller: listenForController,
)),
],
),
Row(
children: [
const Text('On device: '),
Checkbox(
value: options.options.onDevice,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(onDevice: value)));
},
),
],
),
Row(
children: [
const Text('Auto Punctuation: '),
Checkbox(
value: options.options.autoPunctuation,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(autoPunctuation: value)));
},
),
],
),
Row(
children: [
const Text('Enable Haptics: '),
Checkbox(
value: options.options.enableHapticFeedback,
onChanged: (value) {
onChange(options.copyWith(
options:
options.options.copyWith(enableHapticFeedback: value)));
},
),
],
),
Row(
children: [
const Text('Partial results: '),
Checkbox(
value: options.options.partialResults,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(partialResults: value)));
},
),
],
),
Row(
children: [
const Text('Cancel on error: '),
Checkbox(
value: options.options.cancelOnError,
onChanged: (value) {
onChange(options.copyWith(
options: options.options.copyWith(cancelOnError: value)));
},
),
],
),
Row(
children: [
const Text('Log events: '),
Checkbox(
value: options.logEvents,
onChanged: (value) =>
onChange(options.copyWith(logEvents: value)),
),
],
),
],
);
}
}
Expand All @@ -475,7 +468,7 @@ class InitSpeechWidget extends StatelessWidget {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
TextButton(
OutlinedButton(
onPressed: hasSpeech ? null : initSpeechState,
child: const Text('Initialize'),
),
Expand Down Expand Up @@ -560,24 +553,35 @@ Future<SpeechExampleConfig> showSetUp(BuildContext context,
return Material(
child: Container(
constraints: BoxConstraints(
maxHeight: MediaQuery.of(context).copyWith().size.height * 0.65,
minHeight: MediaQuery.of(context).copyWith().size.height * 0.65,
maxHeight: MediaQuery.of(context).copyWith().size.height * 0.75,
minHeight: MediaQuery.of(context).copyWith().size.height * 0.5,
maxWidth: double.infinity,
),
padding: const EdgeInsets.all(16),
child: StatefulBuilder(
builder: (context, setState) => Column(
children: [
SessionOptionsWidget(
onChange: (newOptions) {
setState(() {
updatedOptions = newOptions;
});
},
listenForController: listenController,
pauseForController: pauseController,
options: updatedOptions,
localeNames: localeNames,
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
"Session Options",
style: Theme.of(context).textTheme.titleMedium,
),
),
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(16.0, 0.0, 16.0, 16.0),
child: SessionOptionsWidget(
onChange: (newOptions) {
setState(() {
updatedOptions = newOptions;
});
},
listenForController: listenController,
pauseForController: pauseController,
options: updatedOptions,
localeNames: localeNames,
),
),
),
],
),
Expand Down

0 comments on commit 83070f2

Please sign in to comment.