Programmiererforum

Code: Select all

import { View, StyleSheet, Image, Text, Button } from "react-native";
import { NativeBaseProvider } from "native-base";
import { useState, useEffect } from "react";
import { StatusBar } from "expo-status-bar";
import Voice from "@react-native-voice/voice";

const App = () => {
let [started, setStarted] = useState(false);
let [results, setResults] = useState([]);

useEffect(() => {
Voice.onSpeechError = onSpeechError;
Voice.onSpeechResults = onSpeechResults;

return () => {
Voice.destroy().then(Voice.removeAllListeners);
};
}, []);

const startSpeechToText = async () => {
await Voice.start("en-NZ");
setStarted(true);
};

const stopSpeechToText = async () => {
await Voice.stop();
setStarted(false);
};

const onSpeechResults = (result) => {
setResults(result.value);
};

const onSpeechError = (error) => {
console.log(error);
};

return (


{!started ? (

) : undefined}
{started ? (

) : undefined}
{results.map((result, index) => (
{result}
))}



);
};
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center",
},
});
export default App;