반응형
TTS 패키지 설치
아래 링크로 이동하여
https://pub.dev/packages/flutter_tts
설치 탭을 클릭하고 dependencies: 정보를 복사합니다.
tts 패키지 설정
pubspec.yaml에 정보를 설정하고 Pub get을 실행합니다.
tts, text controller 선언
final FlutterTts tts = FlutterTts();
final TextEditingController controller = TextEditingController();
Text 입력, 재생 버튼 추가
body: Center(
child: Column(
children: [
TextField(
controller: controller,
keyboardType: TextInputType.multiline,
minLines: 3,
maxLines: 5,
),
TextButton(
onPressed: () => tts.speak(controller.text),
child: Text("재생"),
),
],
),
)
결과
전체소스
import 'package:flutter/material.dart';
import 'package:flutter_tts/flutter_tts.dart';
class _MyHomePageState extends State<MyHomePage> {
final FlutterTts tts = FlutterTts();
final TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
children: [
TextField(
controller: controller,
keyboardType: TextInputType.multiline,
minLines: 3, //Normal textInputField will be displayed
maxLines: 5, // when user presses enter it will adapt to it
),
TextButton(
onPressed: () => tts.speak(controller.text),
child: Text("재생"),
),
],
),
),
);
}
}
반응형
'flutter' 카테고리의 다른 글
flutter iOS push 설정 (0) | 2023.05.11 |
---|---|
flutter.minSdkVersion, flutter.targetSdkVersion 선언 위치는? (0) | 2023.04.19 |
[flutter] app icon 설정하기 (1) | 2022.12.22 |
댓글