如何覆盖反应导航中的可访问性角色

Question

我想开始将我的 react-navigation 依赖项从版本 5.X 更新到版本 6.x 但我运行遇到了有关代码库中硬编码的可访问性设置的问题他们的底部标签栏。

在他们的BottomTabBar.tsx中，他们有一个如下所示的视图

<View accessibilityRole="tablist" style={styles.content}>

这会导致以下错误

这让我认为这是库中的错误，但不知何故我无法在 expo snack 中重现相同的问题。更改“按钮”等其他内容的值可以解决问题，但我不喜欢在 node_modules 中乱来。另一种解决方案是覆盖标签栏并编写自定义实现（我在不太担心样式时尝试过这个）但是这种对于看起来很简单的东西来说是一个很大的开销

Answer 1

库的新更新为我解决了这个问题，在撰写答案时，下面的软件包组合似乎对我有用

"@react-navigation/bottom-tabs": "^6.2.0",
"@react-navigation/native": "^6.0.8",
"@react-navigation/stack": "^6.1.1",

How to override accessibility role in react-navigation