如何移除React Native Material Bottom Tabs选中图标外的紫色圆圈？

这个紫色圆圈是安卓平台默认的点击波纹（ripple）效果，组件默认使用了主题主色调作为高亮色，以下是两种快速解决方式：

方法1：设置导航栏的pressColor属性 #

在Tab.Navigator中添加pressColor属性，将其设置为透明或与底部导航栏背景色一致，即可消除紫色圆圈：

<Tab.Navigator 
  initialRouteName="Menu principal" 
  activeColor="#f0edf6"
  inactiveColor="white"
  barStyle={{ backgroundColor: 'black' }}
  pressColor="transparent" // 新增该行，移除波纹效果
>
  {/* 你的Tab.Screen代码 */}
</Tab.Navigator>

如果只是想替换颜色而非完全移除，也可将pressColor设为你需要的颜色（比如与背景色一致的"black"）。

方法2：通过自定义主题修改波纹颜色 #

若你使用了自定义theme，可在主题中修改rippleColor全局控制波纹样式：

const theme = {
  colors: {
    // 其他颜色配置
    rippleColor: 'transparent', // 或自定义颜色
  },
};

内容的提问来源于stack exchange，提问作者Julien Sarda