How can I replace the native keyboard dictation button with an online speech-to-text service, e.g: Azure?

[jagandecapri]

Hi,

Is it possible to the following logic with react-native-keyboard-controller?

• When the Azure Speech-to-Text service is reachable within X second(s), then the dictation button will use the service when tapped by the user
• Else, it uses the device's (iOS/Android) dictation

The button that I'm referring to is as following:

Thank you!

[kirillzyusko]

@jagandecapri This is a system button and you (as a developer) don't have an access to customize its position/press handlers etc.

Potentially you may draw a view above the keyboard with your custom buttons using KeyboardStickyView and place your custom icons there and then use azure/react-native-voice/etc. (or alternatively draw custom mic icon that will follow carret position)

Did you see any apps that use custom voice recognition module (i. e. azure) if you press system mic button?

P. S. I searched more and I think the best what I can do is to emit an event inputMethodChanged with a payload (i. e. type=english/voice etc.) But I don't think you'll be able to start recording of audio, since most likely it'll interrupt voice recognition from a keyboard.

[jagandecapri]

Hi @kirillzyusko ,

Thank you for the detailed reply. I have not seen this behaviour in any app. I was just wondering whether it would be possible. I'll explore other UX options.

[kirillzyusko]

@jagandecapri I think it's near to impossible, but if you find any app, then please share it here 🙏

[jagandecapri]

@kirillzyusko Noted. Thank you!