如何消除<Tab.Navigator React-Native

Question

我目前正在为一个应用程序创建一个选项卡导航器，但每次我按下我的一个

<Tab.Navigator
    screenOptions={{
        headerShown: false,
        tabBarStyle: styles.tabBar,
        tabBarShowLabel: false,
    }}
>
</Tab.Navigator>

这是我的 Tab.Navigator 线路

如果有人能帮忙那就太好了

我尝试使用 ColorPress：透明，但它似乎不存在于 screenOptions 中 我还尝试使用 headerPressOpacity 和 headerPressColor 但它们也不起作用

最后我尝试了 tabbarPressColor，它似乎也不存在或工作

我只是想删除涟漪效应，就是这样，我不想自定义它或任何只是删除它。

Answer 1

我认为您可能必须更改导航器呈现的按钮，而不是导航器选项。在 Android 上看到的涟漪效应本身通常是由于 TouchableNativeFeedback 造成的，您希望避免这种情况。渲染您自己的 touchableOpacity 应该会消除该效果。

    <Tab.Navigator
      screenOptions={{
        tabBarButton: (props) => <TouchableOpacity {...props} activeOpacity={1}/>,
      }}
    >
    </Tab.Navigator>

https://reactnavigation.org/docs/bottom-tab-navigator/#tabbarbutton