Как установить react native TextInput для чтения читателями экрана в качестве ввода номера мобильного телефона

Я пытаюсь добавить доступность к моему TextInput в react native читать как номер мобильного телефона вместо номера, как показано ниже.

<TextInput
    style={{height: 40, borderColor: 'gray', borderWidth: 1}}
    editable={false}
    accessibilityLabel={'26726855243'}
    value={'26726855243'}
  />

это читается как номер android TalkBack и iOS VoiceOver. Я попытался добавить пробелы между числами, но все еще не работал,accessibilityLabel={'26726855243'.split('').join(' ')}

6
react-native

1 ответов

модуль речи CSS3 обеспечивает поддержку этого поведения:https://www.w3.org/TR/css3-speech/

для вашего конкретного примера, вы можете создать "телефон" класса следующим образом:

<style>
  .phone {speak: digits;}
</style>

обратите внимание, что в настоящее время это поведение поддерживается только VoiceOver, а не TalkBack.

для Talkback и большинства других читателей экрана, вставка запятых, а не пробелов будет работать (читатели экрана, как правило, пауза для запятых, точки, двоеточия, восклицательные и вопросительные знаки, но не пробелы):

accessibilityLabel={'26726855243'.split('').join(',')}
5