Invalid UIAccessibilityTraits - Possible Fix

[danonimob]

As JH Lin found out on Medium, react-native-tab-view can throw this error sometimes. Coincidence or not, both projects - his and mine - use ViroReact to some degree.

After some time I realized it was something hardcoded into the library that could not be changed through props. After some digging, I found it.

Turns out the AccessibilityRole for some elements in the TabBar is hardcoded in the Library.

Inside node_modules/react-native-tab-view/src/TabBarItem.tsx you will find:

• Line 238: accessibilityRole: "tab"

In my case, I changed it to:

• Line 238: accessibilityRole: 'text'

Then inside node_modules/react-native-tab-view/src/TabBar.tsx you will find:

• Line 353: accessibilityRole: "tablist"

In my case, I changed it to:

• Line 353: accessibilityRole: 'none'

That's it. No more issues. (: