如何将speech_to_text中的文本添加到使用Flutter中的TextFieldTags小部件创建的标签中？

2ul0zpep 于 2023-01-27 发布在 Flutter

关注(0)|答案(1)|浏览(415)

我有下面的代码在我的flutter应用程序中制作标签。我希望添加speech_to_text的功能，用户说话时文本会显示在字段中。如何做到这一点？我可以在纯文本字段中单独添加speech a to a text的功能，但不能将其与标签集成。这是我的问题。

TextFieldTags(
                textfieldTagsController: _controllerD,
                textSeparators: const [','],
                letterCase: LetterCase.normal,
                validator: (String tag) {
                  diagnosis.add(tag);
                },
                inputfieldBuilder:
                    (context, tec, focus, error, onChanged, onSubmitted) {
                  return ((context, sc, tags, onTagDelete) {
                    return Padding(
                      padding: const EdgeInsets.all(10.0),
                      child: TextField(
                        controller: tec,
                        focusNode: focus,
                        decoration: InputDecoration(
                          isDense: true,
                          border: const OutlineInputBorder(
                            borderSide: BorderSide(
                              color: Colors.blueGrey,
                              width: 3.0,
                            ),
                          ),
                          focusedBorder: const OutlineInputBorder(
                            borderSide: BorderSide(
                              color: Colors.blueGrey,
                              width: 3.0,
                            ),
                          ),
                          hintText: _controllerD.hasTags ? '' : "Enter patient's diagnosis...",
                          errorText: error,
                          prefixIconConstraints:
                          BoxConstraints(maxWidth: _distanceToField * 0.74),
                          prefixIcon: tags.isNotEmpty
                              ? SingleChildScrollView(
                            controller: sc,
                            scrollDirection: Axis.horizontal,
                            child: Row(
                                children: tags.map((String tag) {
                                  return Container(
                                    decoration: const BoxDecoration(
                                      borderRadius: BorderRadius.all(
                                        Radius.circular(10.0),
                                      ),
                                      color: Colors.blueGrey,
                                    ),
                                    margin: const EdgeInsets.symmetric(
                                        horizontal: 5.0),
                                    padding: const EdgeInsets.symmetric(
                                        horizontal: 10.0, vertical: 5.0),
                                    child: Row(
                                      mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                      children: [
                                        InkWell(
                                          child: Text(
                                            '$tag',
                                            style: const TextStyle(
                                                color: Colors.white),
                                          ),
                                          onTap: () {
                                            print("$tag selected");
                                          },
                                        ),
                                        const SizedBox(width: 4.0),
                                        InkWell(
                                          child: const Icon(
                                            Icons.cancel,
                                            size: 14.0,
                                            color: Color.fromARGB(
                                                255, 233, 233, 233),
                                          ),
                                          onTap: () {
                                            onTagDelete(tag);
                                            diagnosis.remove(tag);
                                          },
                                        )
                                      ],
                                    ),
                                  );
                                }).toList()),
                          )
                              : null,
                        ),
                        onChanged: onChanged,
                        onSubmitted: (tag){
                          FocusScope.of(context).requestFocus(focus);
                        },
                      ),
                    );
                  });
                },
              ),

flutter

来源：https://stackoverflow.com/questions/75233811/how-to-add-the-text-from-speech-to-text-to-a-tag-created-using-textfieldtags-wid

1条答案

按热度按时间

rsl1atfo1#

你可以使用这个叫做speech_to_text（link）的软件包，这个软件包可以让你把语音转换成文本，就像你提到的那样，它还提供了开始、停止和持续收听语音以及把语音转换成文本的方法。
下面是一个示例代码（来源于pub.dev）：

class _MyHomePageState extends State<MyHomePage> {
  SpeechToText _speechToText = SpeechToText();
  bool _speechEnabled = false;
  String _lastWords = '';

  @override
  void initState() {
    super.initState();
    _initSpeech();
  }

  /// This has to happen only once per app
  void _initSpeech() async {
    _speechEnabled = await _speechToText.initialize();
    setState(() {});
  }

  /// Each time to start a speech recognition session
  void _startListening() async {
    await _speechToText.listen(onResult: _onSpeechResult);
    setState(() {});
  }

  /// Manually stop the active speech recognition session
  /// Note that there are also timeouts that each platform enforces
  /// and the SpeechToText plugin supports setting timeouts on the
  /// listen method.
  void _stopListening() async {
    await _speechToText.stop();
    setState(() {});
  }

  /// This is the callback that the SpeechToText plugin calls when
  /// the platform returns recognized words.
  void _onSpeechResult(SpeechRecognitionResult result) {
    setState(() {
      _lastWords = result.recognizedWords;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Speech Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Container(
              padding: EdgeInsets.all(16),
              child: Text(
                'Recognized words:',
                style: TextStyle(fontSize: 20.0),
              ),
            ),
            Expanded(
              child: Container(
                padding: EdgeInsets.all(16),
                child: Text(
                  // If listening is active show the recognized words
                  _speechToText.isListening
                      ? '$_lastWords'
                      // If listening isn't active but could be tell the user
                      // how to start it, otherwise indicate that speech
                      // recognition is not yet ready or not supported on
                      // the target device
                      : _speechEnabled
                          ? 'Tap the microphone to start listening...'
                          : 'Speech not available',
                ),
              ),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed:
            // If not yet listening for speech start, otherwise stop
            _speechToText.isNotListening ? _startListening : _stopListening,
        tooltip: 'Listen',
        child: Icon(_speechToText.isNotListening ? Icons.mic_off : Icons.mic),
      ),
    );
  }
}

这段代码没有描述如何将值放入TextField，但您可以通过以下方式轻松实现：
1.您可以使用这个包来监听数据并将其转换为文本格式。
1.您可以将TextEditingController设置为文本值，只需将其赋值即可。
示例：textController.text = value//其中value是语音到文本数据，textController是TextEditingController。

赞(0）回复(0）举报 2023-01-27

我来回答

如何将speech_to_text中的文本添加到使用Flutter中的TextFieldTags小部件创建的标签中？

1条答案

相关问题

热门标签

最新问答