reactjs - 在抽屉/模式打开时更改 react native 应用程序中的可访问性焦点

Question

我正在尝试提高 react native 应用程序的可访问性，但面临以下问题:当用户打开菜单抽屉时，焦点不会更改为模式抽屉内容。相反，左右滑动会聚焦背景中的内容。

我尝试为抽屉和主要内容区域设置动态辅助功能 Prop :

<NavigationMenu
    importantForAccessibility={isNavigationVisible ? 'yes' : 'no-hide-descendants'}
/>
<DashboardContent
    importantForAccessibility={isNavigationVisible ? 'no-hide-descendants' : 'yes'}
/>

其中 isNavigationVisible 是一个在抽屉打开时更新的 Prop ，但这没有效果。

有什么方法可以在抽屉打开时强制将焦点更改到抽屉吗？

Answer 1

这就是我最终使用的:

const setFocus = ({ current: ref }) => {
    const FOCUS_ON_VIEW = 8;
    const reactTag = findNodeHandle(ref);

    Platform.OS === 'android'
        ? UIManager.sendAccessibilityEvent(reactTag, FOCUS_ON_VIEW)
        : AccessibilityInfo.setAccessibilityFocus(reactTag);
}