React Native中嵌套文本的可访问性

时间:2019-08-22 07:11:46

标签: react-native accessibility

我正在尝试对本机应用程序实现可访问性。我有2个嵌套的文本标签,如果启用所有文本标签的辅助功能,它将突出显示第一个文本标签。

我在所有2个Text标签中都启用了该标签,但只有第一个Text标签对辅助功能可见

<Text accessible={true} accessibilityLabel={'Hello'} >Hello
 <Text accessible={true} accessibilityLabel={'Stack Devs!'}>Stack Devs! 
 </Text>
</Text>

我需要使第二个文本可访问。到目前为止,只有第一个文本可以访问

1 个答案:

答案 0 :(得分:1)

我最近有同样的问题。在RN上执行此操作的唯一正确方法是将整个字符串放在一个属性中:

<Text accessible={true} accessibilityLabel={'Hello Stack Devs!'}>
  {'Hello'}
  <Text>{'Stack Devs!'}</Text>
</Text>