Flutter - 传文听富文本

Question

我在 Flutter 中制作了这个应用程序，当我说什么时它会将其转换为文本，estoy usando el plugin tts，但你知道我如何将文本传递给输入，即将文本转换为可编辑的文本在一个输入（TextFormField）中，我在这里留下我的代码，希望你发自内心的帮助。

我已经在论坛中搜索了更多信息，但目前还没有。

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_tts/flutter_tts.dart';

class TextVoicePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Material App',
      home: Scaffold(
        appBar: _appBar(context),
        body: Stack(children: <Widget>[TextVoice()]),
      ),
    );
  }

  _appBar(BuildContext context) {
    return PreferredSize(
        preferredSize: Size.fromHeight(50),
        child: Container(
          alignment: Alignment.bottomCenter,
          decoration: BoxDecoration(
              gradient: LinearGradient(
                  begin: Alignment.centerLeft,
                  end: Alignment.centerRight,
                  colors: [Colors.pink[900], Colors.red[800]])),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              IconButton(
                  icon: Icon(Icons.chevron_left),
                  color: Colors.white,
                  onPressed: () {
                    Navigator.pop(context);
                  }),
              Text('Texto a Voz',
                  style: TextStyle(
                    fontSize: 18,
                    fontWeight: FontWeight.w500,
                    color: Colors.white,
                  )),
              IconButton(
                icon: Icon(Icons.help_outline),
                onPressed: () {},
                color: Colors.white,
              )
            ],
          ),
        ));
  }
}

class TextVoice extends StatelessWidget {
  final FlutterTts flutterTts = FlutterTts();

  @override
  Widget build(BuildContext context) {
    TextEditingController textEditingController = TextEditingController();

    Future _speak(String text) async {
      await flutterTts.setLanguage("es-MX");
      await flutterTts.setPitch(1);
      await flutterTts.speak(text);
    }

    Future _stop() async {
      await flutterTts.stop();
    }

    _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 Container(
      alignment: Alignment.topCenter,
      child: Stack(children: <Widget>[
        _fondoApp(),
        (SingleChildScrollView(
          scrollDirection: Axis.vertical,
          child: Column(
            children: [
              Padding(
                padding: EdgeInsets.all(30.0),
                child: TextFormField(
                  decoration: InputDecoration(
                    hintText: 'Introduce el texto.',
                    labelStyle:
                        TextStyle(color: Colors.white70, fontSize: 16.0),
                    enabledBorder: OutlineInputBorder(
                      borderSide: BorderSide(color: Colors.pink[900]),
                    ),
                    focusedBorder: OutlineInputBorder(
                      borderSide: BorderSide(color: Colors.pink[50]),
                    ),
                    hintStyle: TextStyle(color: Colors.white30, fontSize: 16.0),
                    border: OutlineInputBorder(),
                  ),
                  controller: textEditingController,
                  cursorColor: Colors.white,
                  style: TextStyle(color: Colors.white70, fontSize: 16.0),
                  maxLines: 13,
                ),
              ),
              OutlineButton.icon(
                borderSide: BorderSide.none,
                label: Text('Escuchar'),
                textColor: Colors.green,
                icon: Icon(Icons.play_arrow),
                onPressed: () => _speak(textEditingController.text),
              ),
              OutlineButton.icon(
                borderSide: BorderSide.none,
                textColor: Colors.red,
                label: Text('Detener'),
                icon: Icon(Icons.stop),
                onPressed: () => _stop(),
              )
            ],
          ),
        )),
      ]),
    );
  }
}

它只是将结果传递给输入中的可编辑文本。

Answer 1

也许是：https://pub.dev/packages/quill_delta。 Quill 是一个多平台富文本编辑器，已移植到 Flutter。或者https://pub.dev/packages/zefyr，也自称是富文本编辑器。