Реакция Native accessibilityViewIsModal не работает - PullRequest
0 голосов
/ 17 апреля 2020

Согласно 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,
  },
})

Любая идея, что я сделал неправильно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...