Implement speech to text in textfields flutter

Question

Has anyone implemented Speech to text inside a textfield in flutter? I found this plugin but I cant get the example to run. I am using VSCode on windows for this build.

I tried this plugin - speech_recognition 0.3.0+1

TWL · Accepted Answer · 2020-03-05 00:32:50Z

3

A few small quirks with that plugin/sample:

I had to comment out _speech.setErrorHandler(errorHandler);
It didn’t implement permission requests, so for Android, I had to first manually enable it from the sample app’s settings. (or you can quickly implement permission_handler)

Otherwise, it is working. So for some simple testing, all you have to do is convert the Text that it uses to display the speech-to-text results to a TextField. This means changing these two lines and initState():

child: new Text(transcription))),

void onRecognitionResult(String text) => setState(() => transcription = text);

To accomodate a TextField with a controller:

TextEditingController _textEditingController;

@override
initState() {
  super.initState();
  activateSpeechRecognizer();
  _textEditingController = new TextEditingController();
}

child: new TextField(controller: _textEditingController))),

void onRecognitionResult(String text) => setState(() => _textEditingController.text = text);

That’s it. Modify as needed.

edited Mar 5, 2020 at 0:32

answered Oct 24, 2019 at 22:08

TWL

6,67434 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mahesh Jamdade Over a year ago

how to append the speech output to existing text in text field because onRecognitionResult gets called multiple times?

Collectives™ on Stack Overflow

Implement speech to text in textfields flutter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related