AccessibilityInfo

  • 有时知道设备是否有当前活动的屏幕阅读器是可用的。accessibilityinfo API正是为此而设计的。您可以使用它查询屏幕阅读器的当前状态,以及在屏幕阅读器状态发生变化时进行通知。
  • eg
class ScreenReaderStatusExample extends React.Component {
  state = {
    screenReaderEnabled: false,
  }

  componentDidMount() {
    AccessibilityInfo.addEventListener(
      'change',
      this._handleScreenReaderToggled
    );
    AccessibilityInfo.fetch().done((isEnabled) => {
      this.setState({
        screenReaderEnabled: isEnabled
      });
    });
  }

  componentWillUnmount() {
    AccessibilityInfo.removeEventListener(
      'change',
      this._handleScreenReaderToggled
    );
  }

  _handleScreenReaderToggled = (isEnabled) => {
    this.setState({
      screenReaderEnabled: isEnabled,
    });
  }

  render() {
    return (
      
        
          The screen reader is {this.state.screenReaderEnabled ? 'enabled' : 'disabled'}.
        
      
    );
  }
}

你可能感兴趣的:(AccessibilityInfo)