如何在颤振中将语音传递到文本字段？

如何解决如何在颤振中将语音传递到文本字段？

我在 Flutter 中有一个应用程序可以将语音转换为文本，问题是我还没有找到一种方法将结果放入输入或文本字段中，到目前为止它只能转录为不能（显然) 进行修改，如何将结果放入文本字​​段？

这是我的代码：

import 'package:Flutter/material.dart';
import 'package:speech_to_text/speech_to_text.dart' as stt;

class SpeechScreen extends StatefulWidget {
  @override
  _SpeechScreenState createState() => _SpeechScreenState();
}

class _SpeechScreenState extends State<SpeechScreen> {
  stt.SpeechToText _speech;
  bool _isListening = false;
  String _textSpeech = 'Presiona el botón para iniciar a hablar';

  void onListen() async {
    bool available = await _speech.initialize(
        onStatus: (val) => print('onStatus: $val'),onError: (val) => print('onError: $val'));

    if (!_isListening) {
      if (available) {
        setState(() {
          _isListening = false;
          _speech.listen(
            onResult: (val) => setState(() {
              _textSpeech = val.recognizedWords;
            }),);
        });
      }
    } else {
      setState(() {
        _isListening = false;
        _speech.stop();
      });
    }
  }

  void stopListen() {
    _speech.stop();
    setState(() {});
  }

  @override
  void initState() {
    super.initState();
    _speech = stt.SpeechToText();
  }

  @override
  Widget build(BuildContext context) {
    _fondoApp() {
      final gradiente = Container(
        width: double.infinity,height: double.infinity,decoration: Boxdecoration(
            gradient: LinearGradient(
                begin: FractionalOffset(0.0,0.0),end: FractionalOffset(0.0,1.0),colors: [Colors.black87,Colors.black])),);

      return Stack(
        children: <Widget>[gradiente],);
    }

    return Scaffold(
        body: Stack(children: <Widget>[
          _fondoApp(),Container(
              padding: EdgeInsets.all(30.0),child: Text(_textSpeech,style: TextStyle(
                      fontSize: 32,color: Colors.white,fontWeight: FontWeight.w500))),]),floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,floatingActionButton: Padding(
          padding: const EdgeInsets.all(8.0),child: Row(
            mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
              FloatingActionButton(
                onpressed: onListen,child: Icon(Icons.mic),backgroundColor: Colors.green,),SizedBox(
                width: 40,SizedBox(
                child: _speech.isListening
                    ? Text(
                        "Escuchando...",style: TextStyle(
                            color: Colors.white,fontWeight: FontWeight.bold),)
                    : Text(
                        'Sin escuchar',FloatingActionButton(
                child: Icon(Icons.stop),heroTag: "btn2",backgroundColor: Colors.redAccent,onpressed: () => stopListen(),],));
  }
}

你的帮助真的很棒，谢谢。

解决方法

我们可以创建一个带有 TextField 的 TextEditingController：

class _SpeechScreenState extends State<SpeechScreen> {
   TextEditingControlller _textEditingController = TextEditingControlller();

   Widget _buildTextController() {
      return TextField(controller: _textEditingController);
   }
}

这样做，在我们将语音翻译成文本后，我们可以更新 _textEditingController 文本：

  void onListen() async {
    bool available = await _speech.initialize(
        onStatus: (val) => print('onStatus: $val'),onError: (val) => print('onError: $val'));

    if (!_isListening) {
      if (available) {
        setState(() {
          _isListening = false;
          _speech.listen(
            onResult: (val) => setState(() {
              _textSpeech = val.recognizedWords;
              _textEditingController.text = val.recognizedWords; 
            }),);
        });
      }
    } else {
      setState(() {
        _isListening = false;
        _speech.stop();
      });
    }
  }