Text
ListensText@listenssoft/speechui-react-nativeDisplay text that swaps when listening.
Renders listeningContent instead of its normal content while the mic is open.
Under a provider
Hold inside the frame: the text swaps while you hold and swaps back on release.
Loading the React Native kit…
Props
React Native
Updates as you tick propsimport { ListensText } from "@listenssoft/speechui-react-native";import { Text } from "react-native";
function Demo() { return ( <Text> <ListensText listeningContent='“Listening is active”'> Hold the mic button to talk. </ListensText> </Text> );}API reference
React Native props for @listenssoft/speechui-react-native.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
listeningContent | ReactNode | — | Content shown instead of children while the mic is open. |
Extra props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content shown when not listening. |
style | StyleProp<TextStyle> | — | Style for the rendered Text. |
Styling hooks
Theme keys
| Hook | Type | Default | Description |
|---|---|---|---|
theme.accent | token | — | The listening color used while the mic is open. |
style | StyleProp | — | Direct style override on the Text. |
Behavior notes
- All frameworks: Text is the one control that does not register with the page contract (there is nothing to command), so it injects the default stylesheet itself rather than via registration.
