Согласно do c
в окне, содержащем родственные виды A и B, установка для accessibilityViewIsModal значения true в представлении B заставляет VoiceOver игнорировать элементы в представлении A. с другой стороны, если представление B содержит дочернее представление C и вы устанавливаете для accessibilityViewIsModal значение true при представлении C, VoiceOver не игнорирует элементы в представлении A.
Поэтому я пишу тестовое приложение с родственным видом, кнопкой, текстом и TextView
(содержит кнопку и текст). Я установил для TextView
accessibilityViewIsModal
значение true. Согласно do c, VoiceOver должен игнорировать кнопку и текстовый компонент, но при запуске на устройстве текст кнопки также должен иметь фокус доступности.
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import {
SafeAreaView,
StyleSheet,
Button,
View,
Text,
Alert
} from 'react-native';
export default class App extends React.Component {
render() {
return (
<SafeAreaView style={styles.container}>
<Button
title="Press me"
onPress={ () => Alert.alert('button pressed')}
accessibilityLabel = "button"
/>
<TextView accessibilityViewIsModal={true}/>
</SafeAreaView>
)
}
}
class TextView extends React.Component {
render() {
return(
<View>
<Text>"text"</Text>
<Button title="button"/>
<Text>"text2"</Text>
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
marginTop: StatusBar.currentHeight,
marginHorizontal: 16,
},
})
Любая идея, что я сделал неправильно